Service Portal: how to change header menu link hover background color?

[joost2633]

I'm trying to change the blue background hover color in the service portal header menu:

Here is the portal definition:

Anyone know how?

[Nia McCash · Accepted solution]

Check in the definition of the theme that you are using in the $navbar-inverse-link-hover-bg property

[Tejaswini9]

Hello,

Can you please help me to achieve the hover effect on the menu items in the portal header

Whenever i hover on the menu items in the header the text color should change to orange, can you please help?

I tried adding the above highlighted variable

$navbar-inverse-link-hover-color: #FFA500 !default;

$navbar-inverse-link-hover-bg: #FFFFFF;

But the text color in the service portal header does not change at all.

Please help!!

[Oleg]

I guess, that you made the changes in the wrong place. You should modify CSS variables of the Theme, used by your service portal. For example, if your portal uses La Jolla theme

you should modify the theme's CSS variables

After that hovered header will use the colors:

[Tejaswini9]

Hello Oleg,

Thank you so much for your response,

I have modifed the right theme which is associated with my portal, the color is changing only when i click on the menu item.

Please assist me!! I want to change the color when hover over the text not when i click on it.

Thank you!!