Adding a colour to post boxes behind text

[danceyrselfclean_admin 0]

Hi im looking to add a background colour to my posts so that the text shows up against that colour. At the moment posts have a transparent colour so you see the text against the background of the entire site. Any assistance would be greatly appreciated http://www.danceyrselfclean.com/

[catrina 103]

You can add this CSS (to Custom Code > CSS Rules or your base.css file in the child theme):

#post div.post-excerpt {background-color: #YOURCOLOR; padding-left: 7px; padding-right: 7px;}

Replace YOURCOLOR with hex code for the color you want. This will change the background color of the post excerpt only, not the entire post. If you want to change the background of the entire individual post area instead, let me know.

[danceyrselfclean_admin 0]

Ok thanks, yeah ideally im looking to change the background colour of all posts

[catrina 103]

Okay. You'll need to use this code instead:

#post {background-color: #YOURCOLOR; padding: 10px;}

[danceyrselfclean_admin 0]

Cheers ill give it a go. You can probably tell that im quite a novice at this but where might i find the Custom Code > CSS Rules or the base.css file in the child theme

[catrina 103]

Find Custom Code in Settings and the base.css file is accessible if you activate PlatformBase (the child theme) in Appearance > Themes.

[danceyrselfclean_admin 0]

I must be doing it wrong, ive tried putting the code in the custom code part, in appearance/pageline settings/custom code but nothing happens

[kastelic 6]

Do you have the free version because the Custom CSS in not available in that version. If you have the paid version you should have CSS Rules, Headerscripts, Footerscripts etc. If you do have the paid version, try using

.post

instead of

#post

. Install Firebug for Firefox or use the Chrome Inspector to target elements that you want to change via CSS

[danceyrselfclean_admin 0]

Yeah im using the free version at the moment.Is it possible using the free version

[timlinson 3]

You'd probably put it in the style.css file for the free version if it has one.

[danceyrselfclean_admin 0]

Im not sure it does, well not one that i can find anyway. I may just have to purchase the pro version to achieve what im looking to do

[danceyrselfclean_admin 0]

Thanks guys ive upgrade to the pro version now and have been able to achieve this by using the custom code CSS