I need to change the color of the Nav-bar, hover color of the links and
finally the default size of the text of the links.  Can you point me to a
tutorial to make those changes, and if not a collection of the selectors in
the CSS file to adjust.
Thanks

I do not have any tutorial, but try to adjust these CSS selectors

.navbar-inner {

.brand,
.nav > li > a {
.brand:hover,
.nav > li > a:hover {
.nav > li > a:focus,
.nav > li > a:hover {
.nav .active > a,
.nav .active > a:hover,
.nav .active > a:focus {
.navbar-link:hover {
.divider-vertical {
.nav li.dropdown.open > .dropdown-toggle,
.nav li.dropdown.active > .dropdown-toggle,
.nav li.dropdown.open.active > .dropdown-toggle {
.nav li.dropdown > .dropdown-toggle .caret {
.nav li.dropdown.open > .dropdown-toggle .caret,
.nav li.dropdown.active > .dropdown-toggle .caret,
.nav li.dropdown.open.active > .dropdown-toggle .caret {
.navbar-search .search-query {
.navbar-search .search-query:-moz-placeholder {
.navbar-search .search-query:-ms-input-placeholder {
.navbar-search .search-query::-webkit-input-placeholder {
.navbar-search .search-query:focus,
.navbar-search .search-query.focused {
.btn-navbar:hover,
.btn-navbar:active,
.btn-navbar.active,
.btn-navbar.disabled,
.btn-navbar[disabled] {
.btn-navbar:active,
.btn-navbar.active {

For more neat code, see this gist here https://gist.github.com/4103690

How did I find the CSS selectors?
I search .navbar-inverse (to make your navbar becomes black as prev
version) and find all of the elements after

So. Good luck!

On Sun, Nov 18, 2012 at 11:37 AM, William Rouse <

--
*AMYunus* - Web Developer
http://id.linkedin.com/in/amyunus <http://amyun.us/linkedin>

Or, open a page in a browser, open the "inspect" panel (right click) scroll
through the elements until the one you need is highlighted then look at
what properties affect it, you can even do live edits changing things,
turning them on an off, etc.

I just found an extension that lat's me save the CSS from those live edits
but usually I would just jot down the changes on a piece of paper...won't
help with pseudo-elements though (like :hover) but it will let you figure
out exactly which CSS (and therefore LESS) properties to alter,

why don't you modify variables.less and recompile less files into css?

// Navbar
// -------------------------
@navbarCollapseWidth:             979px;
@navbarCollapseDesktopWidth:      @navbarCollapseWidth + 1;

@navbarHeight:                    40px;
@navbarBackgroundHighlight:       #ffffff;
@navbarBackground:                darken(@navbarBackgroundHighlight, 5%);
@navbarBorder:                    darken(@navbarBackground, 12%);

@navbarText:                      #777;
@navbarLinkColor:                 #777;
@navbarLinkColorHover:            @grayDark;
@navbarLinkColorActive:           @gray;
@navbarLinkBackgroundHover:       transparent;
@navbarLinkBackgroundActive:      darken(@navbarBackground, 5%);

@navbarBrandColor:                @navbarLinkColor;

// Inverted navbar
@navbarInverseBackground:                #111111;
@navbarInverseBackgroundHighlight:       #222222;
@navbarInverseBorder:                    #252525;

@navbarInverseText:                      @grayLight;
@navbarInverseLinkColor:                 @grayLight;
@navbarInverseLinkColorHover:            @white;
@navbarInverseLinkColorActive:           @navbarInverseLinkColorHover;
@navbarInverseLinkBackgroundHover:       transparent;
@navbarInverseLinkBackgroundActive:      @navbarInverseBackground;

@navbarInverseSearchBackground:          lighten(@navbarInverseBackground, 25%);
@navbarInverseSearchBackgroundFocus:     @white;
@navbarInverseSearchBorder:              @navbarInverseBackground;
@navbarInverseSearchPlaceholderColor:    #ccc;

@navbarInverseBrandColor:                @navbarInverseLinkColor;

- Nasir

I tried a recompile and even got WinLess working on my system but I can't
seem to find the selector that works on the hover state and it seems that
it is impossible to locate the selector with Chrome developer tool since
the mouse pointer can't be in two places at once.
Thanks.

usually adding :hover works. I haven't tried it myself, but the second post
in this thread seems promising (by AMYunus). Have you tried it? What has
worked, what has not? If you are more specific, perhaps, we can help you a
bit more.

On Fri, Nov 30, 2012 at 1:20 AM, William Rouse <

I decided to delete everything and start over since I am now compiling from
Less to generate my CSS.  Things seems better at this point.  Thanks for
all the help.