How to set color for the active page on the top bar menu widget

Hi there,

I just visited the site and don't see a top bar on both desktop and mobile.

Can you make it show?

Thanks :)

Thanks Leo,

In the homepage I chose to hide the top bar.

Just select any day, please, and you will see it, but only on mobile.

Regards,
Ricardo

Hi Ricardo,

We can do this with custom CSS:

.top-bar .widget_nav_menu li.menu-item.current-menu-item a {
    background: green;
    color: black;
}

You can change the values to your preference. You can even add in more properties like animation if you want. :)

Hi Elvin,

Thank you very much for your reply and suggestion.

I still cannot change the text color and I'm a bit lost here.

The selector is pointing correctly to what I want, because I can change background, font size.

Only the color, I cannot change. I also addedd !important.

What could be working wrong?

Regards,
Ricardo

Hi there,

i made a slight change to Elvins CSS here:

https://generatepress.com/forums/topic/how-to-set-color-for-the-active-page-on-the-top-bar-menu-widget/#post-1805394

Thank you very much.

It is working great.

Best regards,
Ricardo

Glad to be of help