Jump to content
ocastaned

Help changing navigation bar color on WHMCS Version: 7.2.1

Recommended Posts

Thank you but I added the code, but it didn't work. This is the path: templates/six/css/custom.css

Share this post


Link to post
Share on other sites
Thank you but I added the code, but it didn't work. This is the path: templates/six/css/custom.css

the path is correct (if you're using Six as your template)..

 

the above hex is similar to the default colour, so try making it red and see if that works...

 

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

if it doesn't work, then you can't be using Six as your template.

Share this post


Link to post
Share on other sites

Thank you, but for any reason it's not working.

 

I put it this way but nothing: .navbar-main {

 

background-color: #1d5981;

 

 

}

 

 

Also, I tried this other way:

 

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

Share this post


Link to post
Share on other sites

when you go to the WHMCS homepage on your site and view the html source in the browser, do you see something like the line below...

 

<link href="/whmcs/templates/six/css/custom.css" rel="stylesheet">

if not, then i'm wondering if you're using a custom template and/or it's not called six... :?:

 

it might be helpful to see a link to your site because if you're using Six and you've modified custom.css, then the navbar color should change (unless you have a browser caching issue).

Share this post


Link to post
Share on other sites

the custom.css file linked to is blank...

/* ***************************************************** 
   ** Custom Stylesheet **

   Any custom styling you want to apply should be
   defined here.

***************************************************** */

so wherever you've been adding your CSS, it's not been in the correct place... /clientes/templates/six/css/custom.css

 

e.g., when you edit the correct file, and use #1E78FF, it should match your logo color...

 

8DB0o02.png

Share this post


Link to post
Share on other sites

the file is still empty - view the page source and click on the link to the custom.css file...

 

2voVg8p.png

 

if you have added code to that file, you should see it by clicking the link... are you 100% sure you're editing the correct file ?

Share this post


Link to post
Share on other sites

try pressing shift + Reload in the browser... looks like it was cached... i'm seeing it working on your site now. :idea:

Share this post


Link to post
Share on other sites

/* *****************************************************

   ** Custom Stylesheet **

   Any custom styling you want to apply should be
   defined here.

***************************************************** */

.navbar-main {background-color: #1E78FF;}  
ul.top-nav > li.primary-action > a.btn {background-color: #1E78FF;}
.btn.btn-action {border-color: #1E78FF;}

 

QkwnnaO.png

  • Like 1

Share this post


Link to post
Share on other sites

the easiest way to do things like this is to right-click on what you want to change and "Inspect Element" - and that should tell you the css item to change... e.g to remove the globe logo...

 

.domain-checker-bg {background-image: none;}

  • Like 1

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

By using this site, you agree to our Terms of Use & Guidelines