Docs

[pointblankcreative]

Hi there,

I searched the forum and found out how to change the hover colour of a menu item as well as the active one:

.x-navbar .desktop .x-nav > .current-menu-item > a{
color:red;
}

.x-navbar .desktop .x-nav > li > a:hover{
color:red;
}

What I’m wondering is how to change the colour of non-active, non-hovered links? I need custom colors on the front page because of a different background image.

Thanks!

[Nico]

Hi There,

Thanks for writing in.

Change the text color in your Customizer > Header > Links – Text > Navbar Links.

Hope it helps.

Let us know how it goes.

Thanks.

[pointblankcreative]

Hi, thanks for the quick response. I should have been more clear, I only need to do this to one page, not the whole site. I’m looking for code to add to the customizer like the snippets I posted in my original post, but for the non-active, non-hovered links.

Thanks.

[Jade]

Hi there,

If you want the code to only target the homepage, you can try:

.home .x-navbar .desktop .x-nav > .current-menu-item > a{
    color:red;
}

.home .x-navbar .desktop .x-nav > li > a:hover{
    color:red;
}

Hope this helps.

[pointblankcreative]

Sorry, it’s still not what I’m referring to. I’ve uploaded a screenshot.

In the photo:

#1 is the active page (I have the code to change this on a single page)
#2 is the hover state (I have the code to change this as well)
#3 is a link to another page but not hovered (this is what I want the code for)

Again, I know I can change this as a global setting, but I need code for just one page.

Thanks!

[Nico]

Hi There,

Thanks for writing in.

The code below is specific for the homepage if you are not using homepage, you could add the page class id instead of .home.

For current menu color:

.home .x-navbar .desktop .x-nav > .current-menu-item > a{
    color:red;
}

For hover color

.home .x-navbar .desktop .x-nav > li > a:hover{
    color:red;
}

For non hovered:

.home .x-navbar .desktop .x-nav > li > a{
    color:red;
}

Hope it helps.

Let us know how it goes.

Thanks.

[pointblankcreative]

That works! Thanks!

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts