Custom Page background

[Williamz0]

I an currently editing the Executive Theme and would like all Post pages to have a grey background ( #f2f2f2) in that left hand section of the page. The rest of the page background is set to be white via the CSS.

New to this so I am not sure if I can do this by adding a custom class into each post page in the "Custom Body Class" field?

Can anyone help please?

http://www.hh-wordpress.co.uk/vls/?p=69

[David Chu]

Hi,
You can indeed use a class right on a Post/Page. Then you need to write CSS that will connect to that, so to speak. That's very specific, though. If you want to get all Posts to have that left background, you can do a single command, like so. This would go in style.css. Appearance.... Edit, and there you are.

.single-post #content {
  background-color: #f2f2f2;
}

If you look at the source on that page, you will see the single-post bit on the BODY, and then the content ID is further down. I'm not sure if that will give you what you want, but it's a start.

Hope that helps, and please excuse the funny spelling of colour. 😉

Ciao,
Dave

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[Williamz0]

Hi Dave - that worked a charm, thank you so much!!

Can I be cheeky and ask if you can look at this one too?

Comments box

[Author]

Posts