DMXzone Bootstrap 3 Navigation Support Product Page


How easy is it to change the color of the Navbar to something other than black or white?

Asked 27 May 2014 18:33:12
has this question
27 May 2014 18:33:12 David Faria posted:
From your showcase, it looks like the only color options are black and white.. How easy is it to change the color of the navbar to match a site that may benefit from a matching navigation color scheme?


Replied 28 May 2014 09:29:06
28 May 2014 09:29:06 Teodor Kuduschiev replied:
Hello David,
The Bootstrap 3 Framework includes 2 types of navigations that we are using in the extension - a white one and a dark one.
Of course you can change the navigation background color, text color and active state color by just adding those in a custom css file. It is as easy as:

.navbar-default {
    background-color: #F8F8F8;
    border-color: #E7E7E7;
.navbar-default .navbar-nav > li > a {
    color: #777777;
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #E7E7E7;
    color: #555555;

Replied 11 Jun 2014 05:38:24
11 Jun 2014 05:38:24 Dr. Randall Frank replied:
can you add a image file to spice up the menu? like wood grain or something?
Replied 11 Jun 2014 07:05:31
11 Jun 2014 07:05:31 Teodor Kuduschiev replied:
You can change the style of the navigation using CSS. There you can specify an image instead of a background color.
Replied 11 Jun 2014 07:46:59
11 Jun 2014 07:46:59 Dr. Randall Frank replied:
How? sorry I am new to programing
Replied 11 Jun 2014 07:55:17
11 Jun 2014 07:55:17 Teodor Kuduschiev replied:
In my previous post i explained which css classes need to be edited in order to change the navigation style.
If you do not know what is css and background-image please refer to this website:

Reply to this topic