Can not change menu list item

Hi, I’m looking for some help. I cannot change the colour of a single menu list item to white to reflect the current page. I know it’s picking up the class as I changed the font weight.

I have also tried this approach, but no luck: Styling Navigation Active Page – Blocs – User Documents.

This is what I currently have:

Thanks in advance.

Hi @Twenty4Seven

That can happen depending on the CSS. I tend to always target the active class.

So say I set the active class as .active in the project settings. I would then make a custom class called

.nav-item .active

Keep spaces.

For reference the “.navbar-nav li a” that styles the navigation uses an !important. So unless you use that also, it will stop any cascading classes from over-ridding the font colour.

Hi @PeteSharp,

I’ve created the class and updated the project setting, but in the preview mode all menu items now turn white.

Also I don’t understand the mention of !important, where do I apply this?

Thanks

Two questions.

  1. Do all your menu items link to the same page
  2. Did you add your active class to all your menu item? If so remove it.

Without knowing what you have done, or how you have built this, we can only guess.

Hi @PeteSharp

Sorted it now, point 1 resolved the issue, I hadn’t yet linked all the pages up :man_facepalming:

Much appreciated for your support.

Thanks

Are you really up 24/7? :stuck_out_tongue_winking_eye:
Welcome to the forum…

Rich

It feels like it sometimes :laughing: It’s the business name, or at least part of it.