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