BlueOwlCreative » Topic: Background Colour When Screen Width Met

Background Colour When Screen Width Met

educredu — Wed, 27 Jan 2016 21:18:05 +0000

Is there a way that I can have a background colour appear after a screen has exceeded a certain width?

So, after educredu.staging.wpengine.com exceeds a width of 600 a grey background appears?

BlueOwl — Thu, 28 Jan 2016 14:09:10 +0000

Hi,

Sure, use simple media rules:

@media only screen and (min-width: 600px) {
.YOUR_CLASS {
background: grey;
}
}

educredu — Thu, 28 Jan 2016 14:50:13 +0000

I just put the following as CSS for the main page…

@media only screen and (min-width: 600px) {
.underlay_class {
background: grey;
}
}

…but it didn’t work? What else do I need to do?

BlueOwl — Fri, 29 Jan 2016 09:06:56 +0000

And what element(s) are you assigning the “underlay_class” to?
Add it to some rows and it should work!