Link colors in Nav bar

[AllanD]

Anyone know where to change the color of the links in the nav bar?

I have been looking in the bootstrap css and can't figure it out. Using 5.2.7 if that helps.

[zomex]

Hello Allan,

 

In bootstrap.css the following CSS controls the link color:

 

.navbar .nav > li > a {
   color: #999999;
   float: none;
   line-height: 19px;
   padding: 9px 10px 11px;
   text-decoration: none;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

 

Instead of editing bootstrap.css I recommend creating a new CSS file and load it after the whmcs.css. e.g in header.tpl add the following below the line that loads whmcs.css:

 

<link href="templates/{$template}/css/custom.css" rel="stylesheet">

 

Then in the css directory create custom.css and add the following:

 

/* Changes the WHMCS menu link color */

.navbar .nav > li > a {
   color: red;
}

 

This is much cleaner and makes updating the template in future easier and quicker as you won't have to re-do changes to bootstrap.css.

 

Regards,

Jack

[AllanD]

Awesome thank you very much.

 

I just tried the custom.css and it's not showing with the custom color. Would you happen to have any suggestions?

Edited August 15, 2013 by AllanD

[zomex]

Awesome thank you very much.

 

I just tried the custom.css and it's not showing with the custom color. Would you happen to have any suggestions?

 

Hello Allan,

 

Sorry I missed your reply earlier. If you contact me via PM with your header.tpl and custom.css file I'll be happy to check them for you.

 

Thanks,

Jack