Jump to content

Change color of navigation menu


Recommended Posts

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 :)

Link to comment
Share on other sites

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;}  

Zs0lgfQ.png

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.

Link to comment
Share on other sites

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;
}

 

Link to comment
Share on other sites

  • 2 years later...
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. 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use & Guidelines and understand your posts will initially be pre-moderated