I'm using the full background menu, centered, black (dark). I would like to replace the underline effect on current menu item, and hovered items, with a text color. I've seen the css for this when using standard menu, but I would like to have this on the fullscreen menu.
Could you please provide me with the correct css for this?
As I can see it is white (the same as the text color), if you want to change it to any color then this is the CSS for it:
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-dark nav div.menu>ul>li>a:after, .main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-dark nav ul.menu>li>a:after {
background-color: red !important;
}
Simply replace the red with any other color or color value.
P.S: If you like our theme, it would help us a lot if you could give us five star rating on themeforest from your Downloads tab, (if you don't know how, just open this link).
A huge thank you from Laborator in advance, we wish you a great weekend!
Hello
I'm using the full background menu, centered, black (dark). I would like to replace the underline effect on current menu item, and hovered items, with a text color.
I've seen the css for this when using standard menu, but I would like to have this on the fullscreen menu.
Could you please provide me with the correct css for this?
Thanks in advance
Hi Per Claussen,
As I can see it is white (the same as the text color), if you want to change it to any color then this is the CSS for it:
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-dark nav div.menu>ul>li>a:after, .main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-dark nav ul.menu>li>a:after { background-color: red !important; }Simply replace the red with any other color or color value.
Best regards,
Laborator Team
Hello - and thanks for helping :)
You have misunderstood:
I would like to have current/hovered item not underlined (text-decoration: none), but colored (color: red)
Ahh, sorry for that I didn't read carefully, this is the CSS that will replace the underline with the text color:
.current-menu-item a { color: #EC7404 !important; } .menu li a:after { display: none !important; } .menu li a:hover { color: #EC7404 !important; }Best regards,
Laborator Team
Thanks - that did the trick :)
Glad to hear that Per Claussen
P.S: If you like our theme, it would help us a lot if you could give us five star rating on themeforest from your Downloads tab, (if you don't know how, just open this link).
A huge thank you from Laborator in advance, we wish you a great weekend!
Best regards,
Laborator Team