simple css not working on individual pages

[Kate]

I’m trying to add a different background to my landing page using your Simple CSS plugin. The problem is, it’s not working anymore. It worked for a day or two when I used this code:

body {
background-image: url(http://cloverkate.com/wp-content/uploads/2016/07/ivy2.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left top;
}

but somehow it reset and now nothing works. It works if I use the developer tools on my live site, so I know it’s not the code. I’ve also tried setting the backgrounds in the gp customizer then using this code on all the other pages:

body {
background-image: none;
}

but again, it’s not working. I would really appreciate your help!

[Tom]

Hi Kate,

Interesting, could you link me to the page it’s not working on?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Kate]

Yes, here it is. http://cloverkate.com

[Tom]

I see the code in there, but it’s not being read.

This usually means that some CSS above it is breaking syntax, causing the rest of the code not to be read.

Try validating your custom CSS: https://jigsaw.w3.org/css-validator/#validate_by_input

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts