[jaldri01]

Hello, I just downloaded this theme and I have pretty much figured out everything. However….I do not really like how my “Blog” page is displaying. It is slightly hard to read with the background image. I was wondering if there was a way to either:

#1 remove the imgage on this page only so the white lettering can be against a solid color making it easier to read?

Or

#2 Some how darken the image so the white stands out more and is easier on the eyes?

I love my background image and want to keep it throughout the website, however it is just the Blog Page I need tweaked.

If this requires some sort of CSS code or whatever, please explain it to me like I am a 5 year old….coding is not in my skill set.

http://www.michiganjason.com

[Pratik]

HI @jaldri01,

Try following CSS code in Appearance=> Customize=> Additional CSS box:

body.blog {
    background: none !important; 
    background-color: #000000 !important;
}

Let me know if this works out or not.

Regards,
Pratik

[jaldri01]

Thank you Pratik, that worked great for the blog page. Do I have to use that code for every single blog post? for example if they go to the blog page and then click on an article they want to read, when it opens it opens with a background picture, and it is hard to read with that picture.

I would like not only my main “blog” page to have a solid color but also all the pages that have articles on them from the blog page…I do not know if I am saying his right…LOL

All my other pages are OK…I just want my “blog” page and the articles that they pick to read to have that solid background.

Thanks

[Pratik]

Hi @jaldri01,

Do you want image only on home page as all other pages are wither page or post with some readable content. So you can use following code instead:

body:not(.home) {
    background: none !important; 
    background-color: #000000 !important;
}           

Let me know if this is what you wanted.

Regards,
Pratik

[Author]

Posts