Changing the Application Title text color

Steve_Barnard

Hi, I've changed the header background color for the portal to white. By default, all the text is white, therefore the text disappears. I cannot see where this would be set in the css file. I need to change the color of the application title and the user name who is logged in. Any thoughts?

Thanks

Steve

Geoff_Ross

Hey Steve,

Add this to custom.css and change the colour as needed (this will make the text black).

/* ApplicationTitle */
.navbar h4 {
    color: #000000;
}

/* User's Name */
.navbar .navbar-nav > li > a {
    color: #000000;
}

carrie_medine

Using the following css in your custom.css should work:

.navbar h4 {
    color: #444
}

.navbar .navbar-nav>li>a {   
    color: #444;
}

.navbar .navbar-nav>li.user_menu a:hover .caret, .navbar .navbar-nav>li.lang_menu a:hover .caret {
    border-bottom-color: #444;
    border-top-color: #444;
}

.navbar .navbar-nav>li.user_menu .caret, .navbar .navbar-nav>li.lang_menu .caret {
    border-bottom-color: #444;
    border-top-color: #444;
}

Geoff_Ross

Hey Steve,

Add this to custom.css and change the colour as needed (this will make the text black).

/* ApplicationTitle */
.navbar h4 {
    color: #000000;
}

/* User's Name */
.navbar .navbar-nav > li > a {
    color: #000000;
}

carrie_medine

Using the following css in your custom.css should work:

.navbar h4 {
    color: #444
}

.navbar .navbar-nav>li>a {   
    color: #444;
}

.navbar .navbar-nav>li.user_menu a:hover .caret, .navbar .navbar-nav>li.lang_menu a:hover .caret {
    border-bottom-color: #444;
    border-top-color: #444;
}

.navbar .navbar-nav>li.user_menu .caret, .navbar .navbar-nav>li.lang_menu .caret {
    border-bottom-color: #444;
    border-top-color: #444;
}

Steve_Barnard

Thanks guys, awesome response as usual!