XF 1.x How do you change the menu icons?

Russ

Pixel Exit Staff
Hmmm, I want to use my own icons though, not font awesome icons...
Look at the bottom portion:

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

Registered
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: "" }
 
Last edited:

Commodore

Registered
Hi Russ,

I tried that and I get this:




This is the code I used:

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

Russ

Pixel Exit Staff
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

Registered
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?

 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.