How do you change the menu icons?

[Commodore]

This one's an easy one.. I just do not remember how to do it

 

[Russ]

Take a look here: https://pixelexit.com/resources/frag-zone-navigation-icons.20/

Explains how to identify them and add them.

 

[Commodore]

Hmmm, I want to use my own icons though, not font awesome icons...

 

[Russ]

Hmmm, I want to use my own icons though, not font awesome icons...

Look at the bottom portion:

.navTabs .navTab.applications .navLink {
background: url("@imagePath/xenforo/sources/applications.png") no-repeat scroll center 10px rgba(0, 0, 0, 0);
}

Would be your css

 

[Commodore]

I was just reading it again and saw that. Thanks again.

 

[Commodore]

added it but icon didnt show. I was trying to add this icon.

perhaps its dimensions are too large?

 

[Commodore]

I shrunk it down to 36 x 36 and its still not showing...

 

[Commodore]

I just cant get anything to work....

If I use a FA icon, what do I put in the quotes? In your example { content: "\f07a"; }, Im assuming the code is in green right? None of the codes work as entered on the Font Awesome cheat sheet. I clearly entered the code wrong...

.navTabs .navTab.applications .navLink:before { content: "" }

 

[Russ]

Replace the &#x with just \

 

[Commodore]

Hi Russ,

I tried that and I get this:

This is the code I used:

.navTabs .navTab.applications .navLink:before { content: "\f044;" }

 

[Russ]

I adjusted it for you, I completely spaced that you were using normal image icons. You needed extra css for the FA icon to work on this tab.

 

[Commodore]

Ok I got my Guild Rules button up but now I have a new dilemma. I deleted the other page but the button still remains on the nav bar. How do I get rid of it?

 

[Russ]

It's being added by Siropu's Custom Tabs plugin, you need to disable it from there.

 

[Commodore]

yikes i think i deleted the custom tabs add on so i guess i have to install it again to disable it

 

[Commodore]

Haha well that was easy. Thank you !