Change Background Color

@mhd27

You can paste this CSS code in the Custom CSS Box provided through the Customizer Options and see if it works:

.header-top-area {
    background-color: #ccc;
}
.site-branding {
    background: #ccc;
}
#site-navigation {
    background: #ccc;
    border: 1px solid #ccc;
}
#footer-widgets-area {
    background-color: #ccc;
}
footer .site-info {
    background-color: #ccc;
}

Remember to change the color code according to the site requirement.
All of the above code are respectively for the header top area, site name and title, navigation menu, footer sidebar area and footer copyright area.

Thanks.
Bishal Napit

Thanks for the reply. I would like the entire page to have a background color though. I simply want to keep the post area background with the text white, like https://i.imgur.com/RKxq0xd.png.

@mhd27

Can you try this CSS code in the Custom CSS Box and see if it works:-

#content {
    background: #ccc;
}
#primary .entry-content {
    color: #fff;
}

Thanks.
Bishal Napit

Thanks, but the post area background changes to gray also, instead of staying white.

@mhd27

Can you try this CSS code instead and check if it works:-

#content .post {
    background: #fff;
}
#content .post.sticky {
    color: #222;
}
#content .sticky .entry-title a, #content .sticky .entry-meta a {
    color: #09f;
}
#content .sticky .entry-meta {
    border-bottom: 1px dotted #09f;
    border-top: 1px dotted #09f;
}
#content .sticky .category-links a {
    background-color: #09f;
    color: #fff;
}
#content .sticky .featured-image img {
    border: 1px solid #09f;
}

Thanks.
Bishal Napit

The background color doesn’t change at all. It’s okay; I’ll just keep it the way it is. Thanks for the help.