Custom Page background

Community Forums Forums Design Tips and Tricks Custom Page background

This topic is: resolved

This topic contains 2 replies, has 2 voices, and was last updated by  Williamz0 2 years, 2 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #61854


    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?

    • This topic was modified 2 years, 2 months ago by  Williamz0.
    • This topic was modified 2 years, 2 months ago by  Williamz0.

    David Chu

    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. ;)


    Dave Chu ยท Custom WordPress Developer – likes collaborating with Designers



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

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

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.