How can I remove the border from an x_icon

Support
#1

Hi there,

I am using an icon [x_icon type=“phone-square”] and I would like it to be without that grey border. I tryied already using style=“border:0” or style=“border:0px” or style=“border:none” but the border does not go away. Can you maybe give me some hint on this issue?

Many thanks

Ruth

#2

Hello Ruth,

The X icons should not have any border by default. If you mean that you do not want the gray area around the phone icon, you might want to use the phone shortcode instead of the phone-square shortcode instead:

[x_icon type="phone"]

If you are seeing a border outside of the icon, please provide us with the link of the site in question.

Hope this helps.

#3

Thanks for your reply!

The icon [x_icon type=“phone”] also has a border around it. I am using the integrity 1 theme and did not change any global font settings yet.

#4

Hello Ruth,

The borders is coming from the <code> tags which you may have added.
Please remove this code:

<code>[x_icon type="phone-square"]</code>

And only use the x_icon shortcode:

[x_icon type="phone"]

Hope this helps. Please let us know how it goes.

#5

Hi,

thank you very much for your help. It worked! The code tags appeared because I copied the shortcode from the icons webpage, and the code tags in the icons website were transferred as well. I did not notice that at all!

Ruth

#6

Glad to hear it’s sorted, Ruth.

Cheers!

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.