Error CSS en tema Hueman

[jefflyn1]

Hola, bueno les traigo mi problema.

La parte de footer donde van los widgets lo puse de color negro y estaba asi, hace un tiempo que no miro el final de mi pagina pues hace 1 dia me bajo el scroll para revisar que tal digo yo, y me doy con la sorpresa de que es color blanco.

Cambie todo el css del footer del footer-widgets a color negro esta el cidigo pero nada y nada lo peor es que aveces se pone blanco y aveces del color negro.

este es el codigo:

#footer { background: #333333; color: #777; height: 100%; width: 100%; }
#footer a { color: #777; }
#footer a:hover { color: #ccc; }
#footer .pad { padding-bottom: 30px; }

#footer-ads {background: #333333; text-align: center; padding: 10px 0; border-bottom: 1px solid #eee; }
#footer #footer-ads .widget { background: #333333; padding-bottom: 0; font-size: 0; line-height: 0; }
#footer-ads h3 {background: #333333; display: none; }

#footer-widgets{ background: #df0024; padding-top: 20px; }

Ahora todo esto es un chisto porque cuando en mi panel de wordpress en apariencia – personalizar mi footer si sabe del color negro y no cambia para nada asi navege con el panel de personalizar.

PORFAVOR ME PODRIAN AYUDAR CON ESTO QUE ES DE URGENCIA PORQUE MI PAGINA SE VE FEO QUE CAMBIE DE COLOR A CADA RATO. psdt(Uso chrome,firefox y en los 2 se ve igual)

Pagina: http://www.mrweso.com (ojo no hago publicidad ni nada es para que lo miren y me digan si ven lo que yo digo porque yo si lo veo)

[Anaislab]

¿Quieres poner el fondo del footer en negro? Si es esto lo que quieres debo decirte que, al menos yo, lo veo negro.

Igualmente quita el background a #footer-widgets ya que estás repitiendo el mismo color de fondo que en footer, que además tiene un padding y fuerza a footer a tener ese color de fondo.

Déjalo así:

#footer {background:#333333 !important;color:#777;height:100%;width:100%;}
#footer a {color:#777;}
#footer a:hover {color:#ccc;}
#footer .pad {padding-bottom:30px;}
#footer-ads {background:#333333;text-align:center;padding:10px 0;border-bottom:1px solid #eee;}
#footer #footer-ads .widget {background:#333333;padding-bottom:0;font-size:0; line-height:0; }
#footer-ads h3 {background:#333333;display:none;}
#footer-widgets{background:none !important;padding-top: 20px;}

¡Espero que sea esto lo que querías!

P.D.: intenta siempre limpiar de espacios innecesarios tu código.