How to set footer’s background color inside media query

I Need Help…
My Body’s Background Color is #efefef
I wanted to add another image on footer’s background for small screens

I used this code.

@media only screen and (max-width: 767px) {
  .footer-widgets {
    background-image: url(https://example.com/small-footer-background.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: local !important;
  }
}

But still, there was white in the background
I tried background-color: transparent; and background-color: #efefef; but both didn’t work.

• This topic was modified 4 years, 6 months ago by vikral.
• This topic was modified 4 years, 6 months ago by vikral.
• This topic was modified 4 years, 6 months ago by vikral.
• This topic was modified 4 years, 6 months ago by vikral.