Service Portal Configuration - Font colour in Nav Bar

[SupraEdd]

Hi there, I'm trying to update the look of our Service Portal (we will go EC eventually)

Via the branding editor I'm having issues changing the colour of the text/links in the top Nav Bar.

If anyone could point out where that option can be found I'd really appreciate it.

[achin_chawla · Accepted solution]

Hi SupraEdd,

To change the font color of the text/links in the top navigation bar of your Service Portal, you can follow these steps:

1. Navigate to the Theme Record:

Go to Service Portal > Themes in the application navigator.

Open the theme used by your portal.

2. Modify the CSS Variables:

Within the theme, check the CSS Variables field.

If the variable for the navigation bar text color is not defined, you can add it using custom CSS. For example:

--navbar-link-color: #your-color-code;

3. Use Branding Editor (Optional):

If the Branding Editor does not allow you to configure the navigation bar text/link colors directly, you can apply a custom stylesheet to the portal.

4. Add Custom Stylesheet:

Navigate to Service Portal > Portal and open your portal.

Add a custom stylesheet in the CSS Includes section with the following CSS:

.navbar-nav > li > a {
color: #your-color-code !important;
}

Replace #your-color-code with the desired hex code for your font color.

5. Test Changes:

Save your changes and refresh the Service Portal to see the updated look.

[Juan Gaytan]

Thank you, I was looking for this 

[SupraEdd]

That's fantastic thankyou.

It ended up being an issue in the Custom Stylesheet that was already created, the $navbar-inverse-link-color:#5A3142; line had 6 different HEX references on it, so needed a reset to just the 1 we needed.

You're help pointed me in the right direction to find it, thankyou.