Component logic

Design help Layout & Design
1

Hi,

I’m coming from Framer — this is my first time building a site on Webflow.

I’m trying to understand the logic behind “Components”.
I created one for my navigation bar. On my homepage, I want the nav to have a transparent background, but on the other pages, I want it to be solid.

So I placed the component on another page and unlinked the instance. But then, when I changed the background color on the unlinked nav, it also changed the original component — which doesn’t make sense to me.
I’m guessing I’m missing something.

Sorry if it’s a basic question, but I just can’t figure it out.

Thanks a lot for your time!

Here is my site Read-Only: Webflow - Tem auto V2

2

They’re generally different things-

Styling is primarily conveyed through classes.
Components allow you to aggregate structure.

However there is a point of component-specific styling which is known as Variants. I’d read up on that. In your case you could make the base component have a solid background, and then make a transparent variant which changed for the homepage.