Docs

[werbar77]

Good Day and a Happy New Year to you all at X!

I have a question regarding inserting X icons into the top bar.

I’ve tried all the codes I could find on the forum, but none of them work for my site.

I would like to insert a smart phone next to my phone number and an envelope next to my email address.

I current have it as:

P: 123 456 7890 | E: [email protected]

So I’m struggling to change the capital P and E, but I can get it right.

Your advice will be appreciated.

Thanks,
Werner

[Christopher]

Hi there,

Please update your code to :

<i class="x-icon-mobile-phone" data-x-icon=""></i>P: 123 456 7890 | E: [email protected]

Hope it helps.

[werbar77]

Thanks it was working, but how about the code to insert an envolope at the E?

[Christopher]

For envelope icon add this :

<i class="x-icon-mobile-phone" data-x-icon=""></i>

Thanks.

[werbar77]

It is exactly the same code as you gave me before? I inserted this ocde and it only cahnges inserts the phone at the P.

I need code to insert envelope at E.

I tried inserting the code twice but then the whole top bar messes up.

[Rupok]

Hi there,

Thanks for writing back. That’s the code for envelope :

<i class="x-icon x-icon-envelope" data-x-icon="" aria-hidden="true"></i>

This is for outlined version of envelope :

<i class="x-icon x-icon-envelope-o" data-x-icon="" aria-hidden="true"></i>

Hope this helps.

[werbar77]

Thanks, it works.

[Rupok]

You are welcome!

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[Author]

Posts