Can't update hover background color

Keith Gonzales
Kilo Sage

‎09-25-2023 11:15 AM

Hi everyone,

 

I'm trying to update the background color of a menu when the user hovers it as shown in the image below. The hover is currently gray (#f2f2f2) and I want it to be white (#ffffff). I also noticed that the hover background color seem to change depending on the inactive background color.

KeithGonzales_0-1695665308854.png

 

I've already seen this post and have tried the accepted solution but it doesn't seem to work for me. This is the code I applied in EC Theme since I'm working with Employee Center.

$navbar-inverse-link-hover-color:           #ffffff !default; //--now-color--neutral-0
$navbar-inverse-link-hover-bg:              #ffffff;

 

 

Does anybody have any ideas as to why this is not working?

 

Thanks so much!

0 Helpfuls
  • 920 Views
2 REPLIES 2

Community Alums
Not applicable

‎10-01-2023 04:50 AM

Hello @Keith Gonzales ,

 

Please try this inside the CSS variables of the portal. SS:

 

Khushbookabra_0-1696160957555.png

 

@Keith Gonzales , Please mark my answer as "Accept as Solution" and "Helpfuls." If it works for you.

 

Thank you!

 

0 Helpfuls

sai shruthi
Tera Contributor

‎11-14-2023 05:22 AM

Hi Keith,

Can you please help me with this, I am facing the same issue.

 I have tried most of the ways, changing the value of "$navbar-inverse-link-hover-bg" in CSS variable of portal record , in the theme attached to the portal record. I have also checked the header widget. But the background color still does not change on Hover. I am not sure where the CSS is being overridden.

Did you find any solution to this?

Note: I have also tried adding the below lines of codes given by @Community Alums . It still does not work.

 

Thanks in advance,

R. Sai Shruthi.

0 Helpfuls