Adding link to Icon

mousawi

hi,

how to add link to icon inside the column:

<button class="btn"><i class="fa-icon-whatsapp link="#callus" social="WhatsApp" style="font-size:60px;color:white"></i></button>

i was able to show the WhatsApp icon but when click it its null no action.

thanks

ahmed 

Pablo

Hi Ahmed,

Please be familiar with the shortcode of the Button.

https://themes.muffingroup.com/be/theme/shortcodes/typography/#buttons

Also, notice that you're missing the quotation mark to close your "class" attribute.

Fix it, and it should be working fine.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

mousawi

Can you please provide the correction syntax as I gave up !

mousawi

i corrected the icon type still it is showing the icon button but null link response, please correct the attribute code as u said 

<button class="btn"><i class="icon-whatsapp" link="http://www.dcx.ae/#callus" target="#" social="WhatsApp" style="font-size:60px;color:white"></i></button>

Pablo

Look how the shortcode of button looks like:

[button title="" link="" target="_blank" align="" icon="" icon_position="" color="" font_color="" size="2" full_width="" class="" download="" onclick=""]

You don't have an <i> tag inside of it, all of these settings are inside this shortcode, so you should fill

up the shortcode, in my case fully working shortcode will look like:

[button title="Click Me" link="https://linktoyourwebsite.com/contact" target="_blank" icon="icon-lamp" icon_position="left" color="#000000" font_color="#FFFFFF" size="2"]

I've only filled these fields which were necessary for me.

Of course, there is more of fields, all of them are on our splash page, link to that page is mentioned in my previous answer.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

mousawi

thanks for your help and guidance, however, i tried it but this is not what i want.

I want the "WhatsApp icon" to be the button without any surrounding button frame.

my original html shows the icon as a button but i cannot assign a link to it, so if you just see where i am going wrong with the syntax and provide the fix then it would be helpful.

thanks

mousawi

i found it by myself .. no need for your delayed response, posting it for other users to benefit

<a href="#"><button a class="btn"> <i class="icon-whatsapp" role="button" social="WhatsApp" style="font-size:60px;color:white"></i> </button></a>

Pablo

Glad that you solved it out.

Do not be mad about our response time, we do respond three times a day - our working time can be noticed on the themeforest profile:

https://themeforest.net/item/betheme-responsive-multipurpose-wordpress-theme/7758048

http://prntscr.com/orzk8e

If you have some other questions/issues feel free to ask.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next