Font Awesome icon for Media Gallery Navigation Tab

The Grand Potentate

Well-known member
Anyone have a code for this? Normally I use

.navTab.chat .navLink:before {
content: '\f030';
font-family: FontAwesome;
font-size: 15px;
font-weight: normal;
padding-right: 3px;
}

with the associated navigation tab in the '.navTab' part but its not working for the media gallery. or chris's notices either (.navTab.notices). suggestions welcome as I stink at this styling stuff.
 
So you're trying to use this, basically:
Code:
.navTab.media .navLink:before
If you right click each navigation tab and view it in the browser's element inspector, you'll notice each one has its own class. The class for the XFMG tab is actually xengallery rather than media.
 
So you're trying to use this, basically:
Code:
.navTab.media .navLink:before
If you right click each navigation tab and view it in the browser's element inspector, you'll notice each one has its own class. The class for the XFMG tab is actually xengallery rather than media.
thanks for the tip on the inspector. should come in handy. I modified the code to:

.navTab.xennotices .navLink:before {
content: '\f0a1';
font-family: FontAwesome;
font-size: 15px;
font-weight: normal;
padding-right: 3px;
}

.navTab.xengallery .navLink:before {
content: '\f030';
font-family: FontAwesome;
font-size: 15px;
font-weight: normal;
padding-right: 3px;
}

And it doesn't produce the icon before either the Media or Notices nav links.
 
So I took it a look at his site, it may have been a time out from previous tasks. The icon wasn't updated with the appropriate CSS so I exported his style so I could import in case it was some sort of caching (I don't know :D), once I imported the style as another child the old style updated.
 
Top Bottom