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

applying css to menu

  • May 13, 2021
  • 2 replies
  • 4790 views

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

Best answer by Sruthi

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;
}

 

2 replies

Y
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

A
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.
Y
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

S
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;
}

 

Terms & ConditionsCookie settingsAccessibility statement