active menu color

Posted in: Newspaper
Post count: 5
johnysh
#249160
Aug 19, 2018 at 1:51 pm

I want to change hover menu text color and “active” menu text color which use following css.
But it only change hover menu text color, when I click the menu item to a page, the active menu item keep the color which the same with theme accent color.
Do I use the wrong css?

.td-header-wrap .current-menu-item a,
.td-header-wrap .td-header-menu-wrap .sf-menu > li > a:hover {
color: #FFDA3E;
}

Post count: 22421
Bogdan B.
#249336
Aug 20, 2018 at 3:20 pm

Hello,

You can do this from the theme panel so you do not need any custom css. Please check the theme colors section of the theme panel: https://forum.tagdiv.com/theme-colors-introduction/

Thanks

Post count: 5
johnysh
#249403
Aug 20, 2018 at 6:16 pm

Here is the issue example, when I click menu item 4 into “page4”, then I want the current page menu item text show the color that I want, not use the color from general accent color.
I already set active & hover color in main menu color setting, it only change the hover bar color, not text color.


  • This reply was modified 7 years by johnysh.
Post count: 20688
Simion C.
#249521
Aug 21, 2018 at 12:02 pm

Hi,

That code should change the text color of the menu item, try it like this
– https://www.screencast.com/t/fLaKONdp

.td-header-wrap .current-menu-item a,
.td-header-wrap .td-header-menu-wrap .sf-menu > li > a:hover {
color: #FFDA3E!important;
}

If that doesn’t work, I could take a look. Please provide a link to your website for a more accurate solution.

Thanks

Post count: 5
johnysh
#249526
Aug 21, 2018 at 12:16 pm

Thanks a lot, it works.

Viewing 5 posts - 1 through 5 (of 5 total)
The forum ‘Newspaper’ is closed to new topics and replies.