Hi Guys,

When I try and change the navbar background colour in the main template I get a message saying that that section is locked and any changes will be discarded..

Can someone help??
Which CSS code do I need to change to just make the background of the menu change?
karogonstaffs.dognet.co.uk/index.html

Regards as ever
:-)

Hello,

If you are trying to change it through the CSS panel, this won't work.
You need to create a custom css file and style there the:

.navbar-inner {
 }

You can use any browser inspect tool to find the right class you need to edit.

Thanks Teodor

I have tried what you say and in DW Editor it changed, I uploaded all the files and there are no changes?

I made the new CSS page and added this

.navbar-inner {
color: #CCC !important;
background-color: #333 !important;
}

Is this wrong ?

Thanks again

Please also add background-image:none !important;

Thanks that's awesome,
I have 1 last question on this if I may..
I need to find the css that's affecting the text in the nav bar now as it doesn't like the colour change...
Thanks :-)

Hello,

Currently the navigation links have this styling:

Quote

.navbar .nav > li > a {
color: #777777;
float: none;
padding: 10px 15px;
text-decoration: none;
text-shadow: 0 1px 0 #FFFFFF;
}

This reply was removed on 10/1/2013 7:09:15 PM.
See the changelog

Thanks Teodor, your a star... :-)

If you want to change the navbar color on your website and give it a fresh, eye-catching look, you can easily achieve this by modifying the CSS code of your webpage. Whether you're aiming for a sleek, professional appearance or something more vibrant and playful, customizing the navbar color can make a significant visual impact. To learn how to make this change, you can refer to helpful resources like https://www.theruggedrooster.com/crafting-guides/ where you'll find step-by-step instructions and valuable tips on enhancing your website's design.