[Resolved] In wpbakery content template: show ICON element conditionally

[Author]

Posts

[Minesh]

The thing is that I can not say anything without having access details as it can be anything. With the page you shared hidden link , I can see "Page Not Found" error.

To help you further I will require access details so I can see the problem or you can send me duplicator copy of your site.

More info:
=> https://toolset.com/faq/provide-supporters-copy-site/

I have set the next reply to private which means only you and I have access to it.

[dorianS-3]

Ah you're right it was set to private, you could not view it - sorry.
Changed it now so you can view it.

Unfortuntely I'm not allowed to provide you with a duplicate of the website.

I've now managed to show the grey twitter icon, please view: hidden link
I had to replace "return" by "echo".
It also has the correct link url href="hidden link" in the code - but the icon is not linked? Please advise.

Thank you for working through this with me.

[Minesh]

You should put your span tag within the anchor tag.

For example:

<a class="vc_icon_element-link" href="'.$url.'" title="twitter" target="_self">
<span class="vc_icon_element-icon fab fa-twitter"></span>
</a>

As you can see I've added the span tag within the anchor tag.

[dorianS-3]

OK we are getting there - complicated...

Now the icons are broken - it seems like they only work when there is other icons in the template that are using the actual ICON element.
?

[Minesh]

Yes - thats correct. You need to add one ghost icon element or find a way to load the font Awesome library using your shortcode.

[dorianS-3]

I thought I had bought Toolset to make my life easier ...
Anyway, it's done now, thank you for your advise.

Cheers,
Dorian