Menu bar icon for pages.

[heydoon]

So I just added the pages license to my ipb installation and have a new page in the nav bar "Home"

How can I add a font awesome icon to it?

I feel like there is some simple way that I am missing.

I've checked out the navbar template & couldn't see where to add an icon.

Edit: I'm using the deflection skin.

https://bwgforums.com

Any help would be greatly appreciated.

[heydoon]

Okay I figured that it's in the _ipsfocus_base.css

Whenever I edit it gives me an error when saving.

The theme file cannot be saved.

Does anyone know this issue? Is it a permissions issue?

Solved by adding to the custom.css for anyone in the future who runs into the same issue

.ipsNavBar_primary li[data-navapp="cms"] > a:before{ content: "\f15c" }

 

[steve00]

19 hours ago, heydoon said:

Okay I figured that it's in the _ipsfocus_base.css

Whenever I edit it gives me an error when saving.

The theme file cannot be saved.

Does anyone know this issue? Is it a permissions issue?

Solved by adding to the custom.css for anyone in the future who runs into the same issue

.ipsNavBar_primary li[data-navapp="cms"] > a:before{ content: "\f15c" }

 

Should ALWAYS make css changes to the custom.css not to the actual css file

I did post solution a few months back

[heydoon]

22 hours ago, steve00 said:

Should ALWAYS make css changes to the custom.css not to the actual css file

I did post solution a few months back

Yeah I figured that out

Thanks for the reply steve. Cheers.

[Joel R]

You can also check Navigation Icons by @Tom Christian or Advanced MultiTool by @TheJackal84 in the Marketplace.

[heydoon]

Thanks ^^