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!
Changing navbar color
-
- Posts: 20
- meble kuchenne Mikołów Knurów Czechowice-Dziedzice
- Joined: Fri Feb 27, 2015 3:15 pm
- Website: Web Rose
- Paige
- 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
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?
Where can I see an example of it not working?
Re: Changing navbar color
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
}
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
}
- JanetY
- Support Team
- Posts: 63
- Joined: Thu Jan 15, 2015 12:03 pm
- Website: www.allprowebtools.com
Re: Changing navbar color
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.
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.