Archived topic

Color HTML Anchor in menu

5 replies · Started by Eva on January 6, 2020

Viewing posts 1–6 of 6

January 6, 2020 at 2:20 pm #1123965

Hi,
Happy 2020!
I am working on a web site using GP 2.4.1 and GPP 1.9.1.
I am using HTML anchors on the homepage and and in the menu. I would like to change the color of the text of these links on mouse over, like the links to the other pages (pers, blog). How can I make that work?
Thank you!
Eva

January 6, 2020 at 3:20 pm #1124017

Hi there,

I believe this is the CSS you are looking for:

.main-navigation .main-nav ul li[class*="current-menu-"] > a:hover {
    color: #000000;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps :)

January 7, 2020 at 2:39 am #1124380

Thank you Leo,
it works just fine!
By the way, can I do the same with the current text link in the menu?

Thanks again,
Eva

January 7, 2020 at 2:09 pm #1125063

The current text link option should be in the customizer.

I wouldn't suggest doing that though as all the anchors on that page would turn to the color you set.

January 7, 2020 at 3:20 pm #1125126

Hi Leo,
I know the current text link option is in the customizer. I was just curious if there is a way to avoid all anchors on the page to turn to the color set. But it's ok. I will just leave it as it is, and mark this topic as resolved :-)

Thanks for the great support, as always!

January 7, 2020 at 5:12 pm #1125181

No problem :)

This archived topic is closed to new replies.

Start building better websites today.