Reply To: How to reduce the dark background width of footer widget area

New Front EN Support Forums Kabuki Theme Support How to reduce the dark background width of footer widget area Reply To: How to reduce the dark background width of footer widget area

#662
satoristudio
Member

Dear Nicola,

alright, this is trickier, and normally would require changes in the template files, which I consider as (paid) customization work; however, please try this code instead of the previous one:


#main #footer .container #footer-widget-area { padding: 0 !important; width: 750px !important; background: rgb(0,0,0); background: transparent\9; zoom:1; margin-left: 0px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#dd000000, endColorstr=#dd000000); -ms-filter:”progid:DXImageTransform.Microsoft.gradient(startColorstr=#dd000000, endColorstr=#dd000000)”; background: rgba(0,0,0, .90); float: left; }
#main #footer { background: none !important; }
@media only screen and (max-width: 990px) and (min-width: 767px) {
#main #footer .container #footer-widget-area { width: 600px !important; left: 0; }
#main #footer .container { padding-left: 110px; }
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
#main #footer .container #footer-widget-area { width: 432px !important; margin-left: -18px !important; }
#main #footer .container #footer-widget-area .widget-footer { width: auto! important; margin-right: 20px !important; }
}
@media only screen and (max-width: 479px) {
#main #footer .container #footer-widget-area { width: 264px !important; margin-left: -18px !important; }
#main #footer .container #footer-widget-area .widget-footer { width: auto! important; margin-right: 20px !important; }
}

Sincerely,
Andrew | Satori