Streaming live at 10am (PST)

Different navbar styling for different collection pages

#1

Hi Webflow Pros,

I having trouble styling my navbar differently for different collection pages. All of my collection pages currently have an background image and on the pages which have dark background images, I want the navbar to be white. I have tried unlinking the navbar symbol and changing it that way, however the navbar on all collection pages are still linked.

My website preview link attached. If you scroll down to “Grand ridge Brewery” and click on the “view project” link, you can see that the navbar on that page is barely visible because the background image is too dark.

Is there any way to solve this?

https://preview.webflow.com/preview/haos-first-project-cc3213?utm_source=haos-first-project-cc3213&preview=85632f468c9c2a78b3d64a928a7a7856

#2

Hi @HaoCreative,

Did you try adding a combo class before styling the second navbar?

#3

Hi @donaldsv,

Just tried it and it doesn’t seem to work. The changes I make still apply to all other pages in the CMS collection pages.

#4

As donaldsv said. Unlink symbol and add a combo class.

#5

Are you trying to have a different navbar color for each pages INSIDE a single collection list? Or a different one for different collection lists?

#6

Yes, i am trying to have a different navbar font color for each pages inside a single collection list.