How to change navbar arrow colors in stylevars or css file?
 

I am having trouble changing the arrow colors in the navbar. They are white and I would like them black. How can I do this? Also how to change the hover text color next to these arrows? They are black and I would like them white, thx.

the arrow is an image ,just look for the image path , and change it to black...

the hover text to the arrows,, well which arrows do you speak of? ...

Please check out my site- using the dropdown. forum.php and you'll see what I mean! :(

anyone?

Hello there Verionia,

As Xtrato mentioned, the arrow is an image and in order for you to change it's color you'll need to edit it from your style's "misc" folder >> I've taken care of that, see "Changing navbar's arrow color" for more information :p ..

About the text hover color, I can see that they're white .. Maybe you've managed to edit it or maybe you mean the "active" color and not the "hover" color .! The reason why i'm saying that is that the text color is already white and when you move your mouse on it, it stays white >> "hover" .. But when you click on it, it turns into black >> "active" ..


Anyway, I'll explain to you how to solve your problem:

• Changing navbar's arrow color:

1. Download attached images (arrow.png & arrow.gif) and upload both of them to your vB's style "misc" folder >> That should solve the arrow's color issuse ..

• Changing navbar's text "active" color:

1. First, sign into your Admin CP ..
2. Next, go to "Styles & Templates >> Style Manager" ..
3. After that, choose "Edit Templates" option from your defined vB Style drop-down menu ..
4. Then, Expand the template groups and look for "vbulletin-chrome.css" template and edit it ..
5. Once you enter the template, look for:
   Code:

   ---

   .navtabs li.selected li:hover a.popupctrl.active,
.navtabs li.selected li a.popupctrl.active {
    border-color:{vb:stylevar navbar_tab_background.backgroundColor};
    background-color:{vb:stylevar navbar_tab_background.backgroundColor};
    color:{vb:stylevar navbar_link_color};
    text-decoration:none;
}

   ---

6. Change it to this:
   Code:

   ---

   .navtabs li.selected li:hover a.popupctrl.active,
.navtabs li.selected li a.popupctrl.active {
    border-color:{vb:stylevar navbar_tab_background.backgroundColor};
    background-color:{vb:stylevar navbar_tab_background.backgroundColor};
    color: #FFF;
    text-decoration:none;
}

   ---

   The text in RED points to the color you want which have been set to "white" as you asked .!
7. "Save" the template and go check out your forum ..

That should do the trick ..
BTW, your website is blocked in my country for a reason or another :p ..