Archived topic

Change widget background : screen size

3 replies · Started by Heath on June 4, 2015

Viewing posts 1–4 of 4

June 4, 2015 at 12:33 pm #112492

Hey Tom,

I've used "backgrounds" to add a background image to my widget footer area. However, I don't like the way it looks on smaller screens, so I want to replace it with a solid color. This is the CSS I tried but it's not working. I also tried putting the color #cfd6dd after "none". Help?

@media screen and (max-width: 800px) {
#footer_container {
background: none;
}
}

I got "sections" and am enjoying it. I'll post a link to my website soon. Thanks as always for your support which is second to none!

June 4, 2015 at 12:35 pm #112493

Hi there,

Try this instead:

@media screen and (max-width: 800px) {
      .footer-widgets {
            background: none;
      }
}

June 4, 2015 at 12:41 pm #112495

Dang, I knew I was close! That worked, and I changed it to background: none #color;

Thanks!!

June 4, 2015 at 12:42 pm #112496

No problem! :)

This archived topic is closed to new replies.

Start building better websites today.