Skip to main content
AA_99250111-Visitor
1-Visitor
May 13, 2021
Solved

applying css to menu

Hi 

I am trying to change the text color of the menu  using custom CSS while hovering but not getting any solutions can somebody help on this..

Thanks in advance

SruthiAnswer
15-Moonstone
May 17, 2021

This code is working for me. Try it

 

.widget-menu-runtime:not([themable]) .widget-menu li:hover {
background: rgb(229, 229, 229);
filter: none;
-webkit-text-fill-color: blue;
}

 

View in thread

7 replies

yhan17-Peridot
17-Peridot
May 13, 2021

Hi @AA_9925011,

 

Why not using Style Properties > MenuHoverStyle to change font color when hovering the menu widget?

 

Thanks,

/Yoyo

Translate
AA_99250111-VisitorAuthor
1-Visitor
May 13, 2021
We are trying for dynamic color change on the menu text while hovering..we
have already tried with style themes that dint work so trying with css code.

Thanks in advance.
Translate
yhan17-Peridot
17-Peridot
May 17, 2021

You can try below css code, it takes effect in my environment:

.widget-menu-runtime:not([themable]) .widget-menu li:hover span{
color:red;
}

5-17-2021 10-11-10 AM.jpg

Translate
Sruthi15-MoonstoneAnswer
15-Moonstone
May 17, 2021

This code is working for me. Try it

 

.widget-menu-runtime:not([themable]) .widget-menu li:hover {
background: rgb(229, 229, 229);
filter: none;
-webkit-text-fill-color: blue;
}

 

Translate
Terms & ConditionsAccessibility statement