How to add a background color to a single column footer

[Kyle – SUPPORT]

Try adding this to your custom css:

#footer-widgets {
  width: 100%;
  margin-left: 0;
}

– Kyle

[blaouchez]

My footer is ok (page : http://cluster007.ovh.net/~montourckh/?page_id=2), THANKS !!! but the logo is shifted to the left

For now all the css is :

#footer-widgets > .span3:nth-child(1) { background-color: #66CC33;} 
#footer-widgets > .span3:nth-child(2) { background-color: #ffffff;} 
#footer-widgets > .span3:nth-child(3) { background-color: #f60;}
#footer-widgets > .span3:nth-child(4) { background-color: #5777AB;}

#footer{padding:0px  !important}

@media only screen and (min-width: 768px) {#footer-widgets .span3 {width: 25%; margin: 0; }}
#footer-widgets {
  width: 100%;
  margin-left: 0;
}

[Mohammad – SUPPORT]

Hi,
I have changed the code from :
@media only screen and (min-width: 768px) {.span3 {width: 25%; margin: 0; }}
to:
@media only screen and (min-width: 768px) {#footer-widgets .span3 {width: 25%; margin: 0; }}

Thanks

[blaouchez]

Great !!! 😉 Thanks Mohammad

[Kyle – SUPPORT]

Thanks Mohammad!

– Kyle