how to change color of navigation icon (css? file?)

[ad_1]

Three reasons why your code does not work:

You left out the dot (.) in the class selector
Your code is trying to change the wrong property. From the theme’s CSS, the correct property is “background-color”, and not “color”.
Even after fixing #1 & #2 above, the class .icon-bar is not specific enough, so something will override it.

One way to fix #3, is to add the !important flag, so it becomes:

.icon-bar {
    background-color: black !important;
}

Another way is to simply use a more specific selector, like:

.navbar-default .navbar-toggle .icon-bar {
 background-color: black;
}

Either code should work: flip a coin and use one, but not both.

Good luck!

Wow that was quick!

And it worked, thank you! I used the first suggestion.

And I learned a little more about CSS 🙂