Join the #BuildWithBuildAgent Challenge! Get recognized, earn exclusive swag, and inspire the ServiceNow Community with what you can build using Build Agent.  Join the Challenge.

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
  • 1,080 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