I want a different color footer on certain pages

Site URL: https://www.theredwindow.com/lrw-menu

Hi,

I've been trolling forums and I've tried so many different lines of code but for some reason I can't seem to change the color of the footer on certain pages using css. I was able to customize my header and figured it would be similar but for some reason the footer has proven to be more difficult. I would love and appreciate any and all help 🙂

Thank you!

On 12/22/2020 at 10:46 PM, fhasson said:

Site URL: https://www.theredwindow.com/lrw-menu

Hi,

I've been trolling forums and I've tried so many different lines of code but for some reason I can't seem to change the color of the footer on certain pages using css. I was able to customize my header and figured it would be similar but for some reason the footer has proven to be more difficult. I would love and appreciate any and all help 🙂

 

Thank you!

First you need to find the collection id of the specific page using this chrome extension

https://chrome.google.com/webstore/detail/igjamfnifnkmecjidfbdipieoaeghcff

In your case, the correct collection id is, kindly repeat the process with another page

#collection-5fdfb83f1c66f52f5fa6ff6c #footer-sections .section-background {
    background-color: #2874af;
}

Changed color footer

If you use Business Plan or higher, you can also add this code to Page Header

<style>
  #footer-sections .section-background {
    background-color: #2874af;
}
</style>

If you use Personal Plan, you can edit page > Add a Code Block (any where) > Paste this code

<style>
  #footer-sections .section-background {
    background-color: #2874af;
}
</style>