Change Background Color Of Decora Template - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Change Background Color Of Decora Template

DA

Dikansky Architectes

Template 3 years ago

Hi everibody I'd like to change the color of the background of my Decora template (from current black, to white). I succeeded to change main body (I put this code in custom code : body.site {background-color: #ffffff;} But I cannot find how to replace the background color of menu, footer and debug) Have you any solution ? Thanks a lot in advance

0
5 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #65363

Hi

Thanks for contacting us. Could you please give me your site URL and also screenshot? So that I can check?

-Regards.

0
DA
Dikansky Architectes
Accepted Answer
3 years ago #65451

Hi Here is th URL : http://www.dikansky-architecte.com/

And the screenshot : http://www.dikansky-architecte.com/index.php/screnshot

I'd like to have the two modules indicated by the arrow in white

Thanks for your help

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #65580

Hi

For changing the menu background color you can use this custom CSS

div#sp-menu {
    background-color: #fff !important;
}

For changing the footer background color you can use this custom CSS

#sp-bottom, #sp-bottom-top, #sp-footer{
    background: #d7e1dd !important;
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Thanks.

0
DA
Dikansky Architectes
Accepted Answer
3 years ago #65661

OK, thanks a lot for your answer If you don't mind, and if you have 2 mn, could you tell me how to reduce the height of the bottom module (see screenshot) : http://www.dikansky-architecte.com/index.php/screnshot Thousand thanks if you can help me .. Faithfully

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #65674

Yeah sure. For that portion you can use this custom CSS

#sp-bottom {
    margin: -80px 0px 0px -10px !important;
}
0