Style Background

Resolved tobe46
(@tobe46)

10 years, 7 months ago

Hi, I would like to style the background of the individual posts within the column.

So how would I apply this CSS to the individual posts?

background-color: #a15cff;

This is what I have been able to achieve so far:
http://postimg.org/image/4acz6nqgt/
As you can see it is not individually boxing each post, but rather the column.

Thanks

Viewing 2 replies - 1 through 2 (of 2 total)

Thread Starter

(@tobe46)

Also Is it possible to display the post date and number of comments?
And how would i change the font size for the title?

Sorry about the double post, I greatly appreciate any help.

Thread Starter

tobe46

(@tobe46)

10 years, 7 months ago

Ok, so i figured out how to change the title font size and make the posts display in a box.
See image below:
http://postimg.org/image/bno8b922l/

Here is my code if anyone is wondering how to achieve this.

#cp-box .cp-box ul li a{
        font-size: 18px;
}

#cp-box .cp-box li {
/*Creates spacing within grey box */
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
padding-left:10px;

/*Creates spacing between individual boxes */
margin:0 0px 20px 0; vertical-align:top;

background-color: #ffffff;
border: 2px solid #ffffff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 3px #000000;
-webkit-box-shadow: 0px 0px 3px #000000;
box-shadow: 0px 0px 3px #000000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f6f6f6', endColorstr = '#f6f6f6');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f6f6f6', endColorstr = '#f6f6f6')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #f6f6f6, #f6f6f6);
background-image: -ms-linear-gradient(top, #f6f6f6, #f6f6f6);
background-image: -o-linear-gradient(top, #f6f6f6, #f6f6f6);
background-image: -webkit-gradient(linear, center top, center bottom, from(#f6f6f6), to(#f6f6f6));
background-image: -webkit-linear-gradient(top, #f6f6f6, #f6f6f6);
background-image: linear-gradient(top, #f6f6f6, #f6f6f6);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/

}

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Style Background’ is closed to new replies.

Tags