Navigation Buttons Hover customisation


I’m trying to customise my Nav bar in Blocs 3.0.4 and I’m struggling. I’ve watched Eldars videos, but for some reason I can’t seem to get it right.

I want a line under my nav buttons as shown in the picture below to appear when hovered over, this is not a problem, the problem is I’m unable to change the hover text colour as you can see in the image below. I’ve tried altering it on the Menu element but no joy, and changing the colour of each list item individually is bringing no joy either. It’s worth noting I have 6 different menu’s, all are sticky but different for each page and not global. I wonder if it had something to do with Blocs 3 with it changing slightly and only being able to have a dark/light them?

My Navigation tree is as follows:

  • Column
    • Nav Bar
      • Img
      • Nav Toggle #nav-toggle
    • Nav Container
      • List (tried setting text colour here)
        • List Item (custom class made here for hover which works for the underline, tried setting text colour here)
          • Link

Anyone managed to have something like this done?



Create a custom class: .navbar a:hover

Change the hover text colour there


Beautiful. Easy as that. Cheers mate :+1: