Docs

[alieneila]

I’ve added <i class=”x-icon x-icon-heart”></i> to the “Give” navigation item at http://dev.hrtn.org/ but the icon isn’t displaying, any suggestions?

[Rahul]

Hi There,

Thanks for the details,

Would you mind testing for plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Let us know how it goes.

Thanks.

[alieneila]

I deactivated ALL plugins and it still did not show up

[Friech]

Hi There,

Try this code instead

<i class="x-icon x-icon-heart" data-x-icon="&#f004;" ></i>

Hope it helps, Cheers!

[alieneila]

hmm… nope. As you can see, it’s now displaying &#f004; before the word =(

Could it be that using a google navbar font in Customize > Header is overwriting fontawesome?

[alieneila]

Okay, your answer gave me an idea since you were trying to use the character code. I went to http://theme.co/x/demo/integrity/1/shortcodes/icons/ and viewed the source code and copied the html that included the encoded character code and that worked =)

[Friech]

Hi There,

Sorry I’d miss one character on my code. Please try

<i class="x-icon x-icon-heart" data-x-icon="&#xf004;" ></i>

Glad you figure things out, but If this solution works please use it instead.

Thanks.

[alieneila]

That worked! Thank you =)

[Rahul]

You are welcome!

[Author]

Posts