Change background color on footer

Hi socialclub. Wondering if you still need help with this topic?

Hi bdbrown,

I need help yet. ??

Can you post a link to your site so we can see what you have so far? Thanks.

hi bdbrown,

https://www.boranessa.com.br

Try this css:

– Background color of footer widget
The footer widgets are numbered sequentially, -1, -2, -3

/* change widget background to yellow */
.footer-widget-3 {
  background: #ff0;
}

– The color of the title of the widget

/* change widget title to red */
#footer-widgets .widget>h3 {
  color: #f00;
}

– The color of the widget links to the same color of links main menu
You want them to be blue with grey text and change color on hover?

I put this code in custom.css?

I try but not work

Have you cleared both the browser and W3TC caches?

Yes, i clicked in “empty all caches”.

Let’s the code

/* Global */
.mystyle {
#footer-widgets .widget>h3 {
  color: #f00!important;
}
.footer-widget-3 {
  background: #ff0!important;
}
}

/* Tablet - 800px, 768px & 720px */
@media only screen and (min-width: 720px) and (max-width: 800px) {
.mystyle {}
}

/* Mobile - 480px & 320px */
@media only screen and (max-width: 719px) {
.mystyle {}
}

/* Mobile - 320px */
@media only screen and (max-width: 479px) {
.mystyle {}
}

Try moving your custom code to the end of the file:

/* Global */
.mystyle {
}

/* Tablet - 800px, 768px & 720px */
@media only screen and (min-width: 720px) and (max-width: 800px) {
.mystyle {}
}

/* Mobile - 480px & 320px */
@media only screen and (max-width: 719px) {
.mystyle {}
}

/* Mobile - 320px */
@media only screen and (max-width: 479px) {
.mystyle {}
}

#footer-widgets .widget>h3 {
  color: #f00!important;
}
.footer-widget-3 {
  background: #ff0!important;
}

is very strange … are only widget with background with another color.

I would like to change any color to stay with the same footer tone

I’m not sure I understand what you’re asking. You originally requested:
– Background color of footer widget ;
– The color of the title of the widget ;

The code I posted will set the background on the tagcloud widget to yellow, and the color of the title (TAGS) to red. If I add the code I posted to your cached minified css, it works. Is there something else you’re trying to accomplish?