Sladey16 Posted March 8, 2021 Share Posted March 8, 2021 HI, HOW CAN I ADD A COLOR BACKGROUND TO MY FOOTER? THANK YOU!!! Link to comment
ErikaT Posted March 8, 2021 Share Posted March 8, 2021 Hi, you can do it just by editing a page, scrolling down to footer, and editing the footer block. Then select colours and a colour from your colour themes. Or, if you want a different colour to what's in your colour themes then add the below custom code if you have a 7.1 template: footer, footer * { background-color: green!important; } Replacing green with whatever hex colour you want: https://htmlcolorcodes.com/ Or do you have a 7.0 template? Link to comment
Sladey16 Posted March 8, 2021 Author Share Posted March 8, 2021 Hi, I tried using this code but there was no change to my footer... Link to comment
ErikaT Posted March 8, 2021 Share Posted March 8, 2021 Hi, have you got a link to your site, I assume you're using a 7.0 template? Thanks! Erika Link to comment
Sladey16 Posted March 8, 2021 Author Share Posted March 8, 2021 dinosandyoung.squarespace.com Password: dinosandyoung2021 Link to comment
ErikaT Posted March 9, 2021 Share Posted March 9, 2021 Ah okay is: footer#footer { background: #F1ECC2; } Link to comment
ErikaT Posted March 9, 2021 Share Posted March 9, 2021 And if you wanted your footer full width: #footer { background: #F1ECC2; max-width: 100%; } Link to comment
tuanphan Posted March 20, 2021 Share Posted March 20, 2021 On 3/9/2021 at 6:15 AM, Sladey16 said: dinosandyoung.squarespace.com Password: dinosandyoung2021 Add to Design > Custom CSS /* Footer background */ footer#footer { background: red; margin-left: 0; margin-right: 0; max-width: 100%; padding-left: 40px; padding-right: 40px; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Iwan Posted March 21, 2022 Share Posted March 21, 2022 Hi there! Further to the above, can I have a different colour background for each page's footer? Link to comment
tuanphan Posted March 22, 2022 Share Posted March 22, 2022 18 hours ago, Iwan said: Hi there! Further to the above, can I have a different colour background for each page's footer? Edit each page >> Add a Code Block at bottom of page >> Paste this code <style> /* Footer background */ footer#footer { background: red; margin-left: 0; margin-right: 0; max-width: 100%; padding-left: 40px; padding-right: 40px; } </style> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Iron_Hayden Posted Friday at 11:09 AM Share Posted Friday at 11:09 AM How do I apply this code to only change the colour of the 'Footer Middle Blocks'? Link to comment
tuanphan Posted 19 hours ago Share Posted 19 hours ago 21 hours ago, Iron_Hayden said: How do I apply this code to only change the colour of the 'Footer Middle Blocks'? What is your site url? We can adjust code easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment