Topic: How can i add icon in Topbar?

Tagged: x

Author

Posts
March 7, 2017 at 1:07 am #1397294

sovann
Participant

Hi there,

How can I add the icons on email and phone address on topbar?

Here are the in cons that i want to show:

Email: x_icon type=”spinner
Phone: x_icon type=”phone-square”

Please help ASAP.

Thank thanks

March 7, 2017 at 3:35 am #1397437

Darshana
Moderator

Hi there,

Please check the following thread (https://community.theme.co/forums/topic/adding-icons-in-the-topbar-via-topbar-content-under-appearance-header/).

Hope that helps.

March 7, 2017 at 6:25 am #1397641

sovann
Participant

I tried but not work. Maybe i did it wrong.

Please share me the exact code so that i can add to the site.

Thank you

March 7, 2017 at 6:30 am #1397646
Jade
Moderator
Hi there,

Please try this:
```
Email: <i class="x-icon x-icon-spinner" data-x-icon="" aria-hidden="true"></i>
Phone: <i class="x-icon x-icon-phone-square" data-x-icon="" aria-hidden="true"></i>
```
Hope this helps.
March 7, 2017 at 7:08 am #1397681

sovann
Participant

Work perfectly. Thanks.

How can i change the icon as highlighted?

Thanks

March 7, 2017 at 9:00 am #1397776

Joao
Moderator

Hi There,

Not sure how can that be done.

You can alternatively use this instead if you want to be able to see the icons data number.

http://fontawesome.io/cheatsheet/

Anyway, this is a symbol that just the computer reads and it is not shown on the front end.

hope it helps

joao

March 7, 2017 at 9:09 am #1397784

sovann
Participant

Got.
Thank you.

March 7, 2017 at 9:42 am #1397834

Darshana
Moderator

Glad we were able to help 🙂
Author

Posts

<script> jQuery(function($){ $("#no-reply-1397294 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>