Docs

[createmotive]

Hi,

The background color of my site is gray. So, short pages have a gray bottom (image attached).

This code (not applied in current build):
html {
background: #ffffff;
}

Works and sets it to white but causes my mobile only background image to disappear. The code for that piece as it exists now (applied now in current build) is here:

@media (max-width: 480px) {
.backstretch {display: none;}

body {
background-image: url(‘http://cr-nativenations.com/wp-content/uploads/2016/07/back-2.png’);
background-size: cover;
background-repeat: no-repeat;
}
}

The URL for the site is cr-nativenations.com

Thanks in advance for your help, you guys are awesome

Daniel

[createmotive]

In case it wasnt clear from my post:

The site displays as gray after the footer space. This makes short pages look a bit weird. I want to get rid of that and have it set white.

The way I found was the code I show above – which creates a conflict with the other code I show above.

I don’t think I need this setup one way or another – I just need the base white and the mobile background image to show.

Hope that makes sense.

[Rupok]

Hi there,

Thanks for writing in! It’s because you have set the body background to gray (#f3f3f3). Let’s change this from Customize > Layout and Design > Background Options > Background Color.

Hope this helps.

Cheers!

[createmotive]

🙂

Awesome

[Jade]

You’re welcome.

[Author]

Posts