Change footer color in different pages Squarespace 7.1

I need help with custom css code to have ddifferent colored footers on different pages.

Add to Page Settings > Advanced > Header

<style>
  footer#footer-sections .content-wrapper {
    background: green !important;
}
</style>

On 5/21/2020 at 10:57 AM, tuanphan said:

Add to Page Settings > Advanced > Header

<style>
  footer#footer-sections .content-wrapper {
    background: green !important;
}
</style>

 

Hey @tuanphan

How can I make this colour go across the full width? 

Cheers 🙂 

On 10/27/2021 at 7:56 AM, Claire_auck said:

Hey @tuanphan

How can I make this colour go across the full width? 

Cheers 🙂 

 

Try this

<style>
  footer#footer-sections .content-wrapper {
    background: green !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
</style>

4 minutes ago, tuanphan said:

Try this

<style>
  footer#footer-sections .content-wrapper {
    background: green !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
</style>

 

Perfect Tuan, thank you!