[Forum] Font Color Change

[Paul.]

Hello Peoples,

I need help on how to change the font color on the quick link tabs(?) at the top of the forum.
When it was updated, the color changed and is now invisible.

[wda2015]

in stylevars look at navbar

[Paul.]

I think I've found that, but not sure where to edit to make the color change.

.navtabs li a.navtab {
    border-top: {vb:stylevar navbar_tab_bevel};
    border-{vb:stylevar left}: {vb:stylevar navbar_tab_bevel};
    display:block;
    background:{vb:stylevar navbar_tab_background};
    min-width:{vb:math {vb:stylevar navbar_tab_size.width} - 2 * {vb:stylevar padding}};
    width:auto !important;
    width:{vb:math {vb:stylevar navbar_tab_size.width} - 2 * {vb:stylevar padding}};
    text-align:center;
    color: {vb:stylevar navbar_tab_color};
    font:{vb:stylevar navbar_tab_font};
    text-decoration:none;
    line-height:{vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
    padding: 0 10px;
}

[Mark.B]

Depends how your custom style is written as to what you'd change.

A link would help more, it's almost impossible to guess at css from a screenshot.

[Paul.]

Hi Mark,

This is the link: http://www.321Chat.com/forum

[m@hamad]

.navtabs li a.navtab {
    display:block;
    min-width:60px;
    width:auto !important;
    width:60px;
    _min-width:75px;
    _width:auto !important;
    _width:75px;
    text-align:center;
[COLOR=#FF0000]   color:#fff;[/COLOR]
    font:  bold 15px arial, helvetica, sans-serif;
    text-decoration:none;
    line-height:44px;
    height:44px;
    padding:0 8px;

}

This is the code you can find in additional.css

You must change color property

If you can not find the code.

Just look for the following classes :

.navtabs li a.navtab

[Paul.]

Thanks for that. I've tried a few things and failed to change the color.

Where am I going wrong?

}
.navtabs li a.navtab {
    display:block;
    min-width:{vb:math {vb:stylevar navbar_tab_size.width} - 2 * {vb:stylevar padding}};
    width:auto !important;
    width:{vb:math {vb:stylevar navbar_tab_size.width} - 2 * {vb:stylevar padding}};
    _min-width:{vb:math {vb:stylevar navbar_tab_size.width} - 0.5 * {vb:stylevar padding}};
    _width:auto !important;
    _width:{vb:math {vb:stylevar navbar_tab_size.width} - 0.5 * {vb:stylevar padding}};
    text-align:center;
[B]    color:#9900CC{vb:stylevar navbar_link_color};[/B]
    font:{vb:stylevar nav_font};
    text-decoration:none;
    line-height:{vb:stylevar navbar_tab_size.height}px;
    height:{vb:stylevar navbar_tab_size.height}px;
    padding:0 8px;

}

[m@hamad]

[B]color:#9900CC{vb:stylevar navbar_link_color};[/B]

This is incorrect.

There are two modes :

 [B]color:#9900CC;[/B]

Or :

 [B]color:{vb:stylevar navbar_link_color};[/B]

If you use the first model. You must enter a color code.

If you use the latter model. Should go to the following path and change color

AdminCp / Styles & Templates / Style Manager / Style Variable Editor (Go) / Search For "navbar_link_color"

[Paul.]

[CODE]
AdminCp / Styles & Templates / Style Manager / Style Variable Editor (Go) / Search For "navbar_link_color"

This worked perfectly! Thanks a lot!

It looks strange and I can't find an earlier screen shot of what it looked like before. Seems like the design changed. :S