Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #883472
    Tracy
    Participant

    I’m trying to link social icons as per several posts I’ve seen here in the forums. I’m using the code below, but I’m getting nothing:

    [icon type=”facebook”]
    [icon type=”twitter”]
    [icon type=”google-plus”]

    I’ve tried using this in Cornerstone’s Text box, and in a raw content element, but nothings working. What am I missing?

    #883996
    Jack
    Keymaster

    Hi there Tracy,

    Thanks for writing in!

    I’ve checked this and it seems to be working (screenshot attached).

    Can you post wp-admin login details in a private reply please, so we can take a closer look at this for you.

    Thanks!

    #884357
    Tracy
    Participant

    Sorry, I didn’t give you the right code. What I meant was, I’m trying to LINK icons to social media profiles. Here’s an example of how I’m trying to do it:

    [icon type=”facebook”]

    Icons work fine by themselves, but when I add the link, they disappear.

    #885235
    Darshana
    Moderator

    Hi there,

    Use the following example instead.

    
    <a href="http://www.facebook.com/profile"><i class="x-icon x-icon-facebook" data-x-icon="& # xf082 ;"></i> &nbsp;</a>
    

    The data icon value is a unicode html entity. The spaces were added on purpose so that it will not get converted in to a square (remove the spaces in data icon once you copy the code into your site).

    For data icon, you can refer to the following link (https://fortawesome.github.io/Font-Awesome/cheatsheet/).

    Hope that’s clear.

  • <script> jQuery(function($){ $("#no-reply-883472 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>