Change Background Color of All Posts and Pages

  • Unknown's avatar
    rowanewolf · Member ·

    Hello,

    Still struggling with fixing my post and page background color, as well as the color of my primary menu and footer. They were all changed to white when I didn’t even have access to that setting in the free version, and even with the paid version, I’m struggling to find the setting to fix it.

    I was given the following code, but it only updated my dash/front page to the correct color, not any of my created pages or actual posts. Is there another CSS code I should be using/adding instead?

    And is there any easier way to do this in the theme/color settings, than by having to code it?

    /* Change background color on all posts – 4176531-zd-EG */
    #main {
    background-color: #E7B983;
    }

    Thanks for any and all help!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    rowanewolf · Member ·

    Alright, tried it again, and for some reason, it now changed everything properly.

    Page and post background color are good now, but still not sure how to change the color of my menu and top of my footer.

    (At least there’s some progress in the meantime, haha.)

  • staff-totoro · Staff ·

    Hi there,

    The code you have does not seem to address the footer or header, just the page area (the content container) itself.

    However, if you add the following CSS it should change the menu to the same background color, as well as remove the “white stripe” you see in your footer.

    
#access {
	background-color: #E7B983;
	border-color: #E7B983;
}

.blog-footer {
	border-color: #E7B983;
	margin-top: 0;
}

    Hope that helps. Please let us know if you have any more questions.

  • staff-totoro · Staff ·

    Hi there,

    The code you have does not seem to address the footer or header, just the page area (the content container) itself.

    However, if you add the following CSS it should change the menu to the same background color, as well as remove the “white stripe” you see in your footer.

    
#access {
	background-color: #E7B983;
	border-color: #E7B983;
}

.blog-footer {
	border-color: #E7B983;
	margin-top: 0;
}

    Hope that helps. Please let us know if you have any more questions.

  • The topic ‘Change Background Color of All Posts and Pages’ is closed to new replies.