Employee Center Header Menu items color change

[ashwinganesh]

Hello All,

I have a requirement to change the header menu color items in Employee Center portal. I am trying to change the code in CSS part of Employee Center Header widget but still not get expected result.

I want my texts to display in black color. Can anyone help me in coding in CSS part such that my text displays in black color instead of white.

Thanks in advance.

[Community Alums]

Hi @ashwinganesh ,

You can change the color of the mega menu by opening Branding Editor from Service Portal Configuration (sp_config) page and changing the Navbar Divider color under Theme Colors.

[Ratna Jyothi]

Hi @ashwinganesh -
1)Navigate to Service Portal -> Portals -> Employee Center.
Add this CSS
navbar-inverse .navbar-nav > li > a {
color: #000000;
}
or
2)Navigate to Employee Center header widget and check for CSS. If you can find similar to this
.navbar-inverse .navbar-nav > li > a and make color as #000000

Please mark my response as correct/helpful if it is answered.

Regards,
Ratna Jyothi.

[Dr Atul G- LNG]

Hi @ashwinganesh 

You can do via portal configuration

[David_K]

Hi @ashwinganesh 

You can add the following code to the CSS variables field in the Employee Center record (sp_portal) to change the text color in the global navigation bar: