Docs

[newskywebsites]

Hi there, I’m hoping this is a quick fix or something dumb I’m not doing right… I have my site setup with a background image and white background in the content area. Works good from every page but the blog. On the blog the content area does not spread to the edges of the design like on other pages. See quick video: http://screencast-o-matic.com/watch/cbVI2uQCvF

I’m using Renew child theme. WP, X and Cornerstone are all updated to latest versions.

Here is some other info that might help:

URL: http://vitalgreen.newskywebsites.com/blog/
Custom CSS for this site is attached in case there’s something in there causing issues.
Stack: Renew
Site Layout: Boxed
Content Layout: Full Width
Background Color: #FFFFFF
Blog Style: Masonry
Blog Layout: Use Global Content Layout

THANKS!
Dawn

[Jade]

Hi there,

You can add this under Custom > CSS in the Customizer.

.single-post .x-container.max.width.offset {
    width: 100%;
    background-color: #fff;
    margin-top: 0;
}

.single-post .x-main.full {
    width: 88%;
    margin: 0 auto;
    padding: 50px 0;
}

Hope this helps.

[newskywebsites]

I tried that and cleared my cache and unfortunately it didn’t change anything. 🙁 Do you have other suggestions?

Thanks!
Dawn

[Friech]

Hi Dawn,

Please add this on your custom CSS instead.

.blog .site,
.single .site {
	background-color: #fff;
}

Hope it helps, Cheers!

[newskywebsites]

PERFECT! Thanks so much, Friech!!
Dawn

[Jade]

You’re most welcome.

[newskywebsites]

I just noticed that the background is transparent on the Post Categories pages and Archives pages still. Please see these URLs for example:
http://vitalgreen.newskywebsites.com/category/lawn-care/
http://vitalgreen.newskywebsites.com/category/specials/
http://vitalgreen.newskywebsites.com/category/spotlight/
http://vitalgreen.newskywebsites.com/2017/02/
http://vitalgreen.newskywebsites.com/2017/01/

Can you please offer CSS to fix these pages (and all upcoming categories and months of archives) like you did for the main blog page earlier?

Thanks so much!
Dawn

[Joao]

Hi Dawn,

Use the following code instead.

.blog .site,
.single .site,
.archive .site {
	background-color: #fff;
}

Hope it helps

Joao

[newskywebsites]

Absolutely perfect! Thank you again!
Dawn

[Friech]

You’re more than welcome, glad we could help.

Cheers!

[Author]

Posts