HammondFlex How to change font color in "nav navbar-nav"
Last Post 04/24/2015 3:32 PM by Joseph Craig. 1 Replies.
Author Messages
Bill Swanson
Nuke Active Member
Nuke Active Member
Posts:23


--
04/24/2015 1:20 PM  
I have been able to change the background color for hover and selected in the portal.css and even the selected text, but I cannot find where to place color: #000; to change the font color for .navbar-default .navbar-nav.

Firefox show class="nav navbar-nav" but putting color=#000; there has no effect.

Suggestions?




Joseph Craig
DNN MVP
Posts:11667


--
04/24/2015 3:32 PM  
The text in the menu are links, so you need to set the color to the links.

If you use Chrome's developer tools, right-click on one of the links.

Look in the skin.css file around line 578 or so. This one will take care of the links:

.navbar-default .navbar-nav > li > a

If you look at several of the following lines, you'll also find classes for active, hover, visited, and focus that you can tune.

You'll have some other things to check of you look at the site on a narrower device. I think that navbar-collapse will help you find what you need.

You may also need to tweak some of the media queries from the bootstrap.css. I prefer to do this in the skin.css files to make it simpler/easier if you ever upgrade Bootstrap.

BTW ... and this is a small point ... but the skin is called Hammerflex. Chris Hammond is its creator. And ... it's a really NICE skin! You also can get Chris module and skin development templates. I haven't used the skin template, but it might the an excellent way to make modifications to the skin.

(I've been using this skin on a couple of projected recently, and am really glad I have chosen to use it.)

Joe Craig, Patapsco Research Group
Complete DNN Support


---