ESC Portal: Navbar and Sub-navbar with separate text colors

Bridget Galassi
Kilo Contributor

Hi Developer Community, 

What is the easiest way to make the navbar text color of black (shown in the green box) different from the sub-navbar text color of white (shown in the pink box, not able to do this yet). There is seemingly no easy way to do this, such as via Branding Editor. I've also tried going into the HTML/CSS for the Theme and for the Header (cloned my own), and when I change the color in there it still affects both rows, so not sure how to best separate them. I know a possible solution is to duplicate the header field in portal configuration, but I am hoping there is something simpler? I really appreciate any help and will check back asap. 

find_real_file.png

5 REPLIES 5

So I just did this in the San Diego release using this thread to aid me but doing a variation of it - 

Only needed to add the following portion - 

.navbar-inverse .navbar-nav > li > a {
color: (insert hex value of your desired color here);
}

Then, you can update the existing CSS variable $navbar-inverse-link-color to use the second color's hex value.