[Resolved] Different background color outside container

[Alex]

Hi Tom,

First off, thank you for creating this wonderful theme. I plan on using it pretty much solely going forward.

I am trying to get a different background color outside of the container. Specifically, I am using a two column layout with Unsemantic CSS framework’s grid system. According to their documentation the max-width is 1200px. I want the grid-container to be white and the outter edges once it gets bigger than 1200px to be a light grey.

I’ve tried several things to accomplish this using my child theme’s styles.css file to no avail. Any ideas?

[Leo]

Hi there,

Hmm sounds like the body background image?

Try this:

body {
    background-image: url( ‘image-url’ );
}

If this doesn’t work can you link me to the page? Thanks!

[Alex]

Hey Leo,

Thanks for the suggestion. I got around this by using a Flexbox in the grid container and changing the background color of that.

[Leo]

Awesome. Glad you found a solution!

[Author]

Posts