Docs

[Lauralou11]

Hi,

How to I change the colour that underlines each button in nav bar menu.
See screenshot attached, the small line of blue?

Thanks,

Laura

[Joao]

Hi There,

Please add the following code to Appereance > Customizer > CUstom > CSS

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: 0 2px 0 0 #6190a2;
}

Change #6190a2 for the desired color

Hope it helps,

Joao

[Lauralou11]

Thank you so much. And is there a different code to include the for the blue outline border, as in screenshot attached?

Thanks

[Joao]

Hi There,

Please add the following code instead:

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a, .x-navbar .desktop .x-nav>li:first-child>a {
    box-shadow: none;
    border: solid 2px blue;
  
}

Hope it helps

Joao

[Author]

Posts