Unable to change bg color for a particular section

Hi, I am trying to set a different color for the footer, however, each time I do that, the rest of the page will also be changed to the same color that I pick. I see that once I change color to the ‘padding_global’ (highlighted/selected in green below), it affects the other ‘padding_global’.

What do I need to do so that I can set a different color to the footer without affecting the rest?

Thank you!

Hi Majory, share your sandbox link?

https://help.webflow.com/hc/en-us/articles/33961254829843-Invite-new-Workspace-members-or-share-a-sandbox-site-link

Hi @memetican,

here.

Thank you!

@vanjory please share correct sandbox link, login to webflow

Top right corner → share button

Click and you will see share sandbox

1 Like

Ops sorry realized I might have given the wrong link.

here.
@memetican, the sandbox link above.

Hi Marjory, you have Chathams Blue set for the background on most elements, including your padding-global class. Typically I separate classes into functional/layout classes v. styling classes and maintain a separation there, so I wouldn’t give a color to padding-global

I’m uncertain what colors you’re going for, but I’d set the footer background inside of the footer component, on footer4_component only.

You can see inside the footer you also have padding-global so they are competing.

1 Like

Thank you @memetican!

I actually imported the website design from relume, so I’ve set the colors to what I preferred before importing it to webflow.

Let me just try again to re-import and set the colors again.

Thank you!