How to link Icon to external link

Hey guys,

I have asked this question on facebook, and someone actually helped me achieve this goal, using the regular text. I created the page in cornerstone and want to make sure I can edit in future, how can I proper link each icon to our facebook page, twitter, etc…

https://www.candyronnie.com/about

Hi There,

The icons element doesn’t support the link yet.

You can try adding the following code to the raw content element:

<a href="#">[x_icon type="facebook"]</a>
<a href="#">[x_icon type="twitter"]</a>

Hope it helps :slight_smile:

This will work but I want to look like this.
www.candyronnie.com/about

The size I selected for the icon there is 60px, what do I have to write in this code to make it look like that, also to make sure it is open on a new tab.

I need to add a code to my entire site making sure any links will open on a new tab.

Thank you!!!

Hey @LucyKeile,

As mentioned by Thai, Use Raw Content instead of icon.
Here is example code for row content :

<a href="http://example.com" target="_blank">[x_icon type="facebook" style="font-size : 60px"]</a> 

target="_blank" will help you to open link in new tab. Replace http://example.com with your own link. You can set style for your icon. Here is list of shortcode for all icons : http://demo.theme.co/integrity-1/shortcodes/icons/

A screenshot for more detailed understanding.

1 Like

It works perfectly! What would I do without you guys? Thank you so much!

Hi @LucyKeile,

Awe :blush:, Happy to hear that.

Feel free to ask us again.

Thanks.

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