Change NavTabs icon colour

Currently reading:
Change NavTabs icon colour


Staff member
May 18, 2015
Open stickynavigation.css template.

Find this part of code:

/* START - Font Awesome Forums Icon */
.navTabs .navTab.forums .navLink:before {
    display: block !important;
    font-family: FontAwesome;
    position: absolute;
    left: 9px;
    top: 0px;
    border-left: none;
    content: "\f0e6";  
    font-size: 12px;
    font-weight: normal;
.navTabs .navTab.forums.selected .navLink:before {
    color: #FFF;
    top: 1px;
.navTabs .navTab.forums:hover .navLink:before {
    color: #FFF;
.navTabs .navTab.forums .navLink {
    padding-left: 28px;
/* END - Font Awesome Forums Icon */

Add the color attribute to .navTabs .navTab.forums .navLink:before. Do the same for all other codes below that one (resources, members etc.)

Create an account or login to comment

You must be a member in order to leave a comment

Create account

Create an account on our community. It's easy!

Log in

Already have an account? Log in here.

Welcome to customizeXF

We are running default XenForo style customized by cXF
Registration is free!

Search forums