Font Awesome icon for Media Gallery Navigation Tab

[The Grand Potentate]

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]

What is the CSS you're actually using for the Media tab?

 

[The Grand Potentate]

What is the CSS you're actually using for the Media tab?

I'm not. I just tried to plug media into the above but it didn't work. Currently the navigation for media has no icon. Notices is the same

 

[Chris D]

So you're trying to use this, basically:

.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.

 

[The Grand Potentate]

So you're trying to use this, basically:

.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]

.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:

 

[The Grand Potentate]

I added that exact code into the browser dev tools at your site and it works here:

View attachment 156707

stranger and stranger. i'll have to ask the theme designer about this one i suppose.

 

[BassMan]

Hi @Rambro,

FYI, I'm using it like this and it works:

.navTabs .navTab.xengallery .navLink:before

But that code you've already mentioned.

 

[Chris D]

The .navTabs bit at the beginning might help specificity, so worth using @BassMan's example.

 

[Russ]

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 ), once I imported the style as another child the old style updated.

 

[The Grand Potentate]

my server is haunted by ghosts of poor coding past

 

[Chris D]

Not dissimilar from the other issue you had tbh.

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

 

[The Grand Potentate]

Not dissimilar from the other issue you had tbh.

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

where would one start to investigate fixing such a problem?