Change color of navigation menu

[Frozen233]

Hello,

I would like to change the default 'blue' colors from the WHMCS Six template to another color such as red. I tried to google for the solution and changing the  css files in side  templates/six/css did not seem to do the job? Can someone tell me the right (and easy) way to do it?

Thanks a lot

[brian!]

12 hours ago, Frozen233 said:

I would like to change the default 'blue' colors from the WHMCS Six template to another color such as red. I tried to google for the solution and changing the  css files in side  templates/six/css did not seem to do the job? Can someone tell me the right (and easy) way to do it?

you'd need to edit /templates/six (or custom)/css/custom.css and add...

.navbar-main {background-color: #ff0000;}  

if you don't rename the 'Six' template, then remember to backup custom.css before updating WHMCS as the automatic updater will overwrite the file.

[Frozen233]

Hello,

 

Thanks a lot. What about the other two blues shown in the picture?

 

Thanks

[brian!]

22 hours ago, Frozen233 said:

Thanks a lot. What about the other two blues shown in the picture?

section#home-banner {
	background-color: #ff0000;
}
.home-shortcuts {
	background-color: #ff0000;
}

plus if you want to change the border colors between those links (hosting/payment/support)...

.home-shortcuts li {
	border-right: 1px solid #ff0000;
}
.home-shortcuts li:first-child {
    border-left: 1px solid #ff0000;
}

 

[kship]

what about the colors of the drop downs in the main menu (background color) and the left panel rollover color. Where is the css located for that?

[bear]

1 hour ago, kship said:

what about the colors of the drop downs in the main menu (background color) and the left panel rollover color. Where is the css located for that?

Did you know you can find these for yourself? A color sampling tool would help, as would using something like Firefox's web tools. While viewing the page, hit the F12 key. That should open the console, and in that a button that you can click then hover over the color in question. Click on the element, and it's fairly easy to find why it's the color (or location and so on) it is.