Need to have background colour on blog page

This topic has 9 replies, 2 voices, and was last updated 8 years by grigrichters.

Author
December 20, 2015 at 15:32 #94395

grigrichters
Participant

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
December 20, 2015 at 15:49 #94398

sharmstr
Moderator
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
December 20, 2015 at 17:02 #94415

grigrichters
Participant

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

December 20, 2015 at 18:03 #94422

sharmstr
Moderator

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

December 20, 2015 at 18:09 #94426

grigrichters
Participant

Works like a charm !!! THANKS 😀

December 20, 2015 at 18:21 #94428

grigrichters
Participant

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
December 20, 2015 at 18:30 #94431

sharmstr
Moderator
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
December 20, 2015 at 18:38 #94435

grigrichters
Participant

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.

December 20, 2015 at 18:49 #94439

sharmstr
Moderator

.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

December 21, 2015 at 02:42 #94474

grigrichters
Participant

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

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.

Attachments:

Search KB

Log in with your credentials

Forgot your details?