adding layered background color

  • ewestwriting

    (@ewestwriting)


    4 years, 7 months ago

    HI, I’d like to add a layered, white box of text behind my content on every page except my homepage. It doesn’t look right with everything sitting on the same color of beige.

    So, there would be the main beige background color, then a white box over the content- NOT further out where it extends to my logo and menu. then text and pictures would sit on top. Does that make sense?

    • This topic was modified 4 years, 7 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Anonymous User 14808221

    (@anonymized-14808221)

    4 years, 7 months ago

    You could do this with CSS.

    WordPress adds specific classes the the body of each page, depending on the type of page you are viewing.
    So you could use that, to target the content container only on those pages where you want it to change, or to exclude pages where you do not want it to change.

    However your HTML structure is not detailed enough to target the content part the way you want because your main content container is spanning full width, and inside the content you just added Blocks without a wrapper.

    So if you where to add CSS to the entry-content div element, it would affect the whole page width.
    The next nested item is already a specific block, and targeting just that would only affect the specific block.

    This means you’d have to wrap all your blocks inside a post into a specific Group and then use that to target it with a specific CSS class.

    Perhaps your theme offers an option to not span the content fully width, then you can use the entry-content div class to add a background-color: white to it.

    Thread Starter ewestwriting

    (@ewestwriting)

    4 years, 7 months ago

    Hi Beda,
    Thank you so much for the help!

    I don’t think my theme offers that option, so here’s a follow up question.

    I went back and changed my theme to something closer to what I have in mind. I was able to view it in the customizer and work on it. But, when i go into edit anything on the page, outside of the customizer, it still looks like how I have it now.

    DO i need to completely wipe my site to be able to edit a new theme beyond the customizer? If so, how do i do that?

    Thanks again!

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

The topic ‘adding layered background color’ is closed to new replies.