How to change text color in navbar

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Manic Mechanic
    New Member
    • Oct 2008
    • 4
    • 3.7.x

    How to change text color in navbar

    I am trying to find out how to change the text color in my navbar. I would like to have some text different color. I have Casino & Arcade in the navbar and would like to have these red where the others would stay white. To make them stand out more.
  • DoE
    Senior Member
    • Sep 2007
    • 763

    #2
    I don't have Casino & Arcade installed so I'll write up how to change colors of certain links in the navbar on the default style, and hopefully you can apply it the Casino and Arcade links.

    Styles & Templates -> Style Manager -> Main CSS

    Scroll down to the very bottom and in the box for Additional CSS paste in this code in the lowest box, and save.

    Code:
     
    /* ***** vbmenu_control alt ***** */
     
    .vbmenu_control_alt {
    background: #738FBF;
    color: #FFFFFF;
    font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    }
     
    .vbmenu_control_alt a:link, .vbmenu_control_alt_alink
    {
     color: #FF0000;
     text-decoration: none;
    }
     
    .vbmenu_control_alt a:visited, .vbmenu_control_alt_avisited
    {
     color: #FF0000;
     text-decoration: none;
    }
     
    .vbmenu_control_alt a:hover, .vbmenu_control_alt_ahover
    {
     color: #FF0000;
     text-decoration: underline;
    }
    Select Edit Templates from the All Style Options drop-down menu, and double-click the Navagation / Breadcrumbs Template to open it. Double-click Navbar.

    To change the link color for FAQ link, for example, do a search for faq, and then to the immediate left of it will be a TD tag. Replace:

    Code:
    <td class="vbmenu_control">
    with:

    Code:
     
    <td class="vbmenu_control_alt">
    Last edited by DoE; Tue 14 Apr '09, 12:13pm.

    Comment

    widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
    Working...