Changing navbar color

Need help? Please give a detailed explanation of your problem.
Post Reply
DharaR161
Posts: 20
meble kuchenne Mikołów Knurów Czechowice-Dziedzice
Joined: Fri Feb 27, 2015 3:15 pm
Website: Web Rose

Changing navbar color

Post by DharaR161 »

Hi. I want to change the color of the nav bar (I'm using the default theme).
Why isn't this stylesheet code working?
.navbar-default {
background-color: #c6b4d1;
}
Thanks for telling me what I need to do/change to get that new color to load.
Thanks!
User avatar
Paige
Support Team
Support Team
Posts: 461
Joined: Fri Feb 24, 2012 3:41 am
Website: www.allprowebtools.com
Location: Fort Collins, CO
Contact:

Re: Changing navbar color

Post by Paige »

This style works when testing it on the default theme. Please check for any syntax errors in your stylesheet above this code.

Where can I see an example of it not working?
DharaR161
Posts: 20
Joined: Fri Feb 27, 2015 3:15 pm
Website: Web Rose

Re: Changing navbar color

Post by DharaR161 »

Hi Paige,
Here are more details regarding changing the default's navbar theme's color.
On the home page, the changes I made to the style sheet do not make a difference. http://dementia.greatmockup.com/
On the Business Training page, the button only has turned to the color http://dementia.greatmockup.com/Business-Training/
Thanks for your help getting this fixed.
Here are the codes I have in the style sheet related to this issue:
.navbar-default {
background-color: #c6b4d1;
border-color: #5499a9;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: #000;
background-color: #c6b4d1;
h3, .h3, h5, .h5, p, .p {
font-family: "Tahoma;";
color: #000000
}
User avatar
JanetY
Support Team
Support Team
Posts: 63
Joined: Thu Jan 15, 2015 12:03 pm
Website: www.allprowebtools.com

Re: Changing navbar color

Post by JanetY »

Dhara,

If you remove the content in the stylesheet that is above your .navbar-default { ... } styles, that will fix one problem.

The second problem I see is that your .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus styles do not have a closing } so it runs into your h tag styles.

Make these changes and that should help a lot.
Post Reply