Fontawesome icon for Telegram icon [Solved]

Support
#1

I tried to add a Telegram icon to my navbar but it does not show desired icon:

<i class="x-icon x-icon-telegram" data-x-icon="" ></i>

It shows me a rectangle but my desired icon is like this:

http://fontawesome.io/icon/telegram/

How can I do it?

Thanks in advance.
Omid

#2

It Solved!

#3

Hi @omid020,

Happy to hear that.

Feel free to ask us again.

If it is okay, please share us the solution you did. It may help others also.

Thanks.

#4

Hi there,

please tell me, how you solved the problem. I would also like to add a Telegram icon into my navbar.
Where do I need to put the < i > tag anyway?

Many thanks.

#5

Put it in the Navigation Label.

The structure should be like this <i class="x-icon" data-x-icon="&#xf015;" ></i>. f015 is the unicode of this icon. Change it as per your needs.

Please note though that this requires coding and we do not support issues arising from the use of it. I recommend you use Pro because this is possible with the Navigation element available in the Header / Footer Builders.

Thanks.

#6

Many thanks. I am sorry to ask :see_no_evil:, but where do I find the “navigation menu”?

#7

Hi @rote_pepperoni,

Thanks for writing around! You can find the Navigation Menu by navigating to Dashboard > Appearance > Menus and then open up the menu item to add the above code.in Navigation Label

Hope this helps!

#8

Sorry, it doesn´t show me the Navigation Label. Is there a need to install a plugin like Jetpack before?

#9

Hey there,

It’s a default WordPress feature, you don’t need to install any plugin. Let’s follow the screenshots

  • Go to Appearance > Menus

  • Open up any menu item

  • Now enter <i class="x-icon" data-x-icon="&#xf015;" ></i> in the Navigation Label.

Hope this helps!

1 Like