| ||||||||||
Shopping cart software Solutions for online shops and malls | ||||||||||
|
X-Cart Home | FAQ | Forum rules | Calendar | User manuals | Login |
NavBar Color Changes | |||
|
|
Thread Tools | Search this Thread |
#1
|
|||||||
|
|||||||
NavBar Color Changes
What is the custom CSS I need to add to change the colors of the navigation bar? I need to set a normal color and a hover color.
__________________
David X-Cart Business 5.3.2.2 |
|||||||
#2
|
|||||||
|
|||||||
Re: NavBar Color Changes
I need to change all 3 colors and I'm having a hard time locating the proper CSS code. I need the normal color, the hover color and the active color. The font color can stay the same.
__________________
David X-Cart Business 5.3.2.2 |
|||||||
#3
|
|||||||||
|
|||||||||
Re: NavBar Color Changes
Dave can you post a link to the page? Then we can inspect your CSS.
__________________
Mike White - Now Accepting new clients and projects! Work with the best, get a US based development team for just $125 an hour. Call 1-502-773-6454, email mike at babymonkeystudios.com, or skype b8bym0nkey XcartGuru X-cart Tutorials | X-cart 5 Tutorials Check out the responsive template for X-cart. |
|||||||||
#4
|
|||||||
|
|||||||
Re: NavBar Color Changes
This is the code I use to make it green:
/* nave bar color */ .navbar-inverse { background-color: #4C6E14; border-color: #164801; }
__________________
X-Cart 5.4.1.39 Live PHP 7.4.33 5.5.5-10.3.38-MariaDB MariaDB Apache 2.4 CENTOS 7.8 64Bit Single Quad-Core E3-1241v3 3.4Ghz 8M 1600 w/ HT 32GB RAM 2x 512GB Samsung 850 Pro SSD RAID 1 |
|||||||
|
#5
|
|||||||
|
|||||||
Re: NavBar Color Changes
Further, I use this to control the font size of the navbar:
/*navbar text*/ .navbar-nav > li > a { text-decoration: none; text-align: center; font-size: 0.8em; padding-left: 25px; padding-right: 25px; }
__________________
X-Cart 5.4.1.39 Live PHP 7.4.33 5.5.5-10.3.38-MariaDB MariaDB Apache 2.4 CENTOS 7.8 64Bit Single Quad-Core E3-1241v3 3.4Ghz 8M 1600 w/ HT 32GB RAM 2x 512GB Samsung 850 Pro SSD RAID 1 |
|||||||
|
#6
|
|||||||||
|
|||||||||
Re: NavBar Color Changes
Try this. You may want to change the actual colors though.
Code:
__________________
Best regards, Igor Pudovkin X-Cart hosting team |
|||||||||
#7
|
|||||||
|
|||||||
Re: NavBar Color Changes
Thanks guys. The site is www.justretrogames.com. I was able to get most of the colors correct. Please see the code below. For some reason I still see a dark grey remnant when I click on links sometimes. What am I missing?
Code:
__________________
David X-Cart Business 5.3.2.2 Last edited by qualiteam : 04-18-2016 at 01:32 AM. |
|||||||
#8
|
|||||||||
|
|||||||||
Re: NavBar Color Changes
The dark gray background comes from this rule:
Code:
You should add rule that will override styles defined for ".navbar-inverse .navbar-nav > li > a:focus" selector.
__________________
Alex Solovev, Qualiteam --- User manual Video tutorials X-Cart FAQ You are welcome to press "Thanks" button if you find this post useful Click here to learn how to apply patches X-Cart Extensions |
|||||||||
#9
|
|||||||
|
|||||||
Re: NavBar Color Changes
Ok that did it. Thank you!
__________________
David X-Cart Business 5.3.2.2 |
|||||||
|
|||
X-Cart forums © 2001-2020
|