[Resolved] links on Fields and text doesn't work properly

[Author]

Posts

[marF]

Hi!

I'm use a html Fields and Text (I have installed pre-release version of Toolset Blocks 1.6.4). And use this code:

<p>[types field='instagram' title='<i class="fa-brands fa-instagram"></i>' target='_blank'][/types]</p>
<p>[types field='facebook' title='<i class="fa-brands fa-facebook"></i>' target='_blank'][/types]</p>

This code should show instagram and facebook icon with a link coming from a custom field but it shows like the attached image.

How can this be fixed?

Thanks!

[Minesh]

Hello. Thank you for contacting the Toolset support.

What if you try to use the following code and check if that help you to resolve your issue:

<a href="[types field="instagram" output="raw"][/types]" target='_blank'>
<i class="fa-brands fa-instagram"></i> 
</a>
<a href="[types field="facebook" output="raw"][/types]" target='_blank'>
<i class="fa-brands fa-facebook"></i> 
</a>

[marF]

Hi Minesh,

it doesn't work. Now I see only the icons correctly, but the link not work. This is the link that your code open: hidden link

Let me know. Thanks!

[Minesh]

What if you try to use the following solution:

<a href="[types field='instagram' output='raw'][/types]" target='_blank'>
<i class="fa-brands fa-instagram"></i> 
</a>
<a href="[types field='facebook' output='raw'][/types]" target='_blank'>
<i class="fa-brands fa-facebook"></i> 
</a>

This should work. 

[marF]

Thanks Minesh!! My issue is resolved now.