Help Please: Page Background Color Change

Hey there,

You should’ve posted this in theme’s sub forum instead in order to get better response ??

Now coming to the question, you can achieve what you’re after by adding following custom CSS to your theme using Advanced CSS Editor:

.hentry{
    background-color: #bee;
}
.widget-area .widget{
    background-color: #bee234;
}

Replace HEX codes according to your needs. Hope it helps.

Suyogya, that worked like a charm.

Is there away to make the background semi-transparent; so the main background image shows through?

Also, is there a way to round the corners of the page background?

Thank you kindly and much appreciated!

Hey Chris,

You’re no longer using Tora theme.

There are a few different codes that can change background depending on your theme. These have all worked for me in various success in the past:

#main, .body, .widget, .widget-title, .post, .post-title, #secondary, .content, .post-content {
background-color: #333333 !important;
}

^^ not sure which color you were going for… ??

.Body should change the whole area,
#main changes page content area,
.Post, .content, .post-content these change individual post backgrounds on the blog feed page, depending on which are used in the coding.
.widget changes each widget background individually,
#secondary can change the whole sidebar area,
.post-title does individual post title areas on post pages.
.widget-title does individual widget title in the sidebars, footers, etc.

?For transparent or semi transparent, use the rbga color coding. For black, it would be (below). The 4th value is the transparency. .3 for very light, .8 for darker semi transparent, etc. RGBA Color picker tools are available online to help you get the code for your exact shade.
background-color: rgba(0,0,0,.8);

?Also, to round the borders, you will add a border radius:
border-radius: 25px;