Community forum for knowledge and support

Updated 4 months ago

how to use a nav bar component with different color sets on each page

At a glance

The community member is trying to use a navigation bar component across multiple pages, but the colors change across all instances of the component, even when they try to rename and change the colors. The first community member suggests using classes to change the colors, as the colors are set on classes. The second community member agrees that using classes is a solution, but notes that it is an unusual situation to have multiple similar pages with completely different color sets. They also ask about working with React components and installing npm packages in Webflow, but there is no explicitly marked answer to these questions.

Hi there, I’ve been trying to use a nav bar component across multiple pages each page has a different color-set. I have duplicated the component then renamed and change colors but this still changes Colors on all instances how do I break the link? Thanks in advance

E
B
2 comments

You probably need to add classes to change the colours used. The colours are set as on classes so if all the components use the same classes, they will have the same styles

Hi Emily, Thanks for your reply, it is an unusual situation as you don't normally need to have say 3 similar pages but with a completely different set of colors. I used classes as you mentioned to style the component in different pages. Have you worked with any of the components that require react? How do you install npm packages in Webflow?

Add a reply
Sign up and join the conversation on Slack