Docs

[readingroses]

1. Underline colour: Is there a way to customize the underline colour of the primary navigation so that it’s different than the hover state, and different than the type colour?

2. Typography: And since we’re talking customization, here’s a bonus (and really appreciated) question. Is it possible to specify a different weight for the sub page you’re on (e.g. if core nav is specified as Book, could the selected page be specified Regular?)

I’ve done a quick mockup in Illustrator to visualize what I mean.
Thank you in advance for any help possible!

[Rue Nel]

Hello There,

Thanks for writing in! I need to know which stack your are using. Please let us know.

1] To change the underline colours, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

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

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

To assist you better with this issue, would you mind providing us the url of your site with login credentials, if necessary, so we can take a closer look? This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

To do this, you can make a post with the following info:
– Link to your site

– WordPress Admin username / password (only if necessary)

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thank you.

[Author]

Posts