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.

Employee Centre CSS Changes

PJ 3000
Tera Expert

I am trying to change the Employee Centre so that the Navbar background colour and text colour is different to the sub nav=-bar background colour and text colour.  I only seem to be able to do this in CSS in the theme by using the standard CSS but this sets them both the same: 

 

// Define NavBar
$sp-navbar-height: 60px;
$sp-navbar-divider-color: #3C87BF !default; //--now-color_chrome--divider-10
$sp-navbar-inverse-bg: $navbar-inverse-bg !default;
$navbar-inverse-bg: #ffffff !default; //--now-color_chrome--brand-10
$navbar-inverse-link-color: #030303 !default; //--now-color--neutral-2
$navbar-inverse-link-hover-color: #FFFFFF !default; //--now-color--neutral-0
$sp-logo-margin-x: 6px !default;
$sp-logo-margin-y: 6px !default;
$sp-tagline-color: $text-color !default;

 

I dont know where to change this, it seems like it should be simple and something that a lot of customers would want to do but it wont allow it.  Does anybody know how i can do this please?

 

Is there a list somewhere that tells me all of the colors I can change in CSS, as the branding editor is pretty useless if you wnat more than a couple of things changed and given the extent of EC Pro there is a lot to change..

1 REPLY 1

Bhavya11
Kilo Patron
Kilo Patron

hi @PJ 3000 ,

 

please refer the this url 

 

How to change the text color in the header. 

Please mark helpful & correct answer if it's really worthy for you.

 

Thanks,

BK