Docs

[pixelsock]

Am I missing something or is there no easy way to change the color of the header menu fonts and hovers?

[Joao]

Hi There,

The colors are set to follow your website link color. In most of the cases that will bring harmony to the website color scheme.

You could change them at Appereance > Customizer > Typography

In case you want them differnt from your links please add the following code to Appereance > Customizer > Custom CSS and adjust the colors according to your wishes:

.x-navbar a {
  color: red !important;
}
.x-navbar a:hover {
  color: blue !important;
}

Hope that helps,

Joao

[pixelsock]

Thank you for the reply. What about the current status color?

[John Ezra]

Hi there,

Thanks for updating the thread! If you are referring to the bar on the current active menu item you can use the following 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: inset 0 4px 0 0 #ff2a13;
}

Just change the color value. Hope this helps – thanks!

[Author]

Posts