Need to have background colour on blog page

[grigrichters]

Hi there,

In “styling options” I have set the background colour across the site to transparent since I have a background image throughout and I work with containers. The issue is that my main blog page needs a white background. I am using the default blog page and I can’t seem to find the background colour setting.

 

thanks,

Grig

[sharmstr]

A few options

Sets main container background to white, but leaves the image page background

COPY CODE

.home-page .kleo-page {
    background-color: #fff !important;
}

Sets the entire page background to white

COPY CODE

.home-page {
    background-color: #fff !important;
    background-image: none !important;
}

Put either in your quick css.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[grigrichters]

Thanks! Do you have a page specific code? I only want to use this on the blog page and certain pages. not everywhere. thanks. Grig

[sharmstr]

Sorry, I was confused by your “default blog page” statement. I was thinking you meant that your home page was your blog page.

Change .home-page to .blog

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[grigrichters]

Works like a charm !!! THANKS 😀

[grigrichters]

Actually, I may be stupid but the actual blog posts haven’t seem to have changed. Is there a way to have all blog posts have a white background, too? Please see here: http://asteroidday.wpengine.com/is-it-possible-to-insure-against-an-asteroid-impact-event/ thanks, Grig

[sharmstr]

They didnt change because you said your blog page, not your post pages.

COPY CODE

.blog .kleo-page, .single-post .kleo-page {
    background-color: #fff !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[grigrichters]

thanks! is there any way to add some padding? please see attached image. thx, G

Attachments:

You must be logged in to view attached files.

[sharmstr]

.sharedaddy, #jp-relatedposts {
padding-left: 20px !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[grigrichters]

I am realising that I will probably be better off if I reverse this. Only a couple of pages need a transparent container background. How can I turn off the background color (for containers) only on the homepage? thanks!

[Author]

Posts