Adding link to Icon

Comments

• Pablo

  August 2019

  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

  August 2019

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

  August 2019

  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

  August 2019

  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

  August 2019

  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

  August 2019

  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

  August 2019

  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