• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Font Awesome icon for Media Gallery Navigation Tab

Rambro

Well-known member
#1
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.
 

Chris D

XenForo developer
Staff member
#4
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.
 

Rambro

Well-known member
#5
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.
 

Chris D

XenForo developer
Staff member
#6
.navTab.xengallery .navLink:before {
content: '\f030';
font-family: FontAwesome;
font-size: 15px;
font-weight: normal;
padding-right: 3px;
}
I added that exact code into the browser dev tools at your site and it works here:

1504260517877.png
 

Russ

Well-known member
#10
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.
 

Chris D

XenForo developer
Staff member
#12
Not dissimilar from the other issue you had tbh.

Not so much ghosts, more likely opcache or some other caching mechanism.