Add the hover effect to the service portal header menu items

[Tejaswini9]

Hello Guys,

can anyone help me to add the hover effect to the service portal header menu items 

I tried to modify the Theme CSS but no luck and i am from non scripting background Please help me!!

Thanks and Regards,

Teju

[Justin77 · Accepted solution]

What did you try already that didn't work?  Have you tried using the :hover selector in the Theme CSS?  This might help if you aren't familiar with CSS: https://www.w3schools.com/cssref/sel_hover.asp

There are hundreds of options (if not more) when it comes to hover effects, so if you're looking for a specific one and would like help achieving it, please provide an example.

[Tejaswini9]

Sorry for late reply, i tried to modify the CSS for the theme associated to the portal but still i cannot get the hover effect

I am not sure, this doesnot work 

i want to give hover effect in such a way that when i move my mouse near the menu items the text in the black color should turn Orange

Please help!!

[Justin77]

#e74040 is a red and $navbar-inverse-link-hover-color is the right variable to assign it to for hovering.  I would check that this theme is assigned to the portal and that you don't have the $navbar-inverse-link-hover-color variable assigned anywhere else (widgets, portal record, portal style sheets)

[Tejaswini9]

Sorry for late reply and i was working on some other things, I have just cloned a OOB "Stock" theme and used that theme in my portal and we do not have any style sheets added for our portal 

as per the above screenshot, i have used this variabe in my portal

$navbar-inverse-link-hover-color and still it doesnot give any hover effect to my menu items and please suggest on this.

I do not have much knowledge on the Portal development, Please suggest i will work accordingly.

Thank you!!