Background color unchangeable for center of page.

  • Resolved davidkachel

    (@davidkachel)


    10 years, 2 months ago

    I have already searched everywhere and found multiple solutions, none of which actually work.
    Theme 2014
    I want a single uniform color behind everything, because I am using WordPress to build a website. Therefore, not using posts, just pages.
    The center of each page remains white instead of the color I have chosen. No changes alter that. Tried custom CSS entered into the Simple Custom CSS plugin. Tried a bunch of things. Even code that people said worked for them, hasn’t worked.
    Can anyone give me a simple way to turn off that big white box in the middle of the page so I can see my page text on a uniform background color throughout?

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

  • A little css should do the trick. Could you post a link to a page you’re working on?

    Thread Starter davidkachel

    (@davidkachel)

    https://davidkachel.com/wpNewDK/?page_id=10

    Thanks for looking. have made the center area wider. Notice how the top of that section, where the title is located, did not widen along with it. Any suggestions for that?

    I have tried at least a half dozen code snippets found on the internet to change the background color. None worked. I’m stumped.

    No worries, you’re welcome. As far as removing the white background on a page like this; https://davidkachel.com/wpNewDK/ this should work for you;

    .entry-header,
.entry-content {
background: transparent;
}

    For the second question, it looks like you used .full-width .hentry { max-width: 100%; }, so I’d try adding 

    .entry-header {
max-width: 100%;
}

    which should match them up.

    Thread Starter davidkachel

    (@davidkachel)

    Neither worked.

    Is it possible that Simple Custom CSS is the culprit?

    Thread Starter davidkachel

    (@davidkachel)

    OK, I just got this to work:

    .page-id-2 .entry-header {
    max-width: none;
    }

    But the background color is still not working.

    Thread Starter davidkachel

    (@davidkachel)

    Finally got the background color for entries.
    Apparently, this entire thing is necessary:

    .site-content .entry-header,
    .site-content .entry-content,
    .site-content .entry-summary,
    .site-content .entry-meta,
    .page-content {
    background-color: #4f4f3d !important;
    }

    Perfect! Adding all 5 elements is a better way to make sure you’ve cleared the background color site-wide. On most of your pages you only need the “.site-content .entry-header,” and “.page-content” but the other 3 will clear the background color (Or match it) on blog posts and I believe search results (.entry-summery). or post summaries. Good work figuring it out!

    One other thing, the 

    .page-id-2 .entry-header {
max-width: none;
}

    Will only make the adjustment on that one page (.page-id-2) if you want the change to apply to your whole site, then use;

    .site-content .entry-header {
max-width: none;
}

    and if you have any trouble with that, try throwing in an “!important;”

    .site-content .entry-header {
max-width: none !important;
}
Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Background color unchangeable for center of page.’ is closed to new replies.