Ticket: #218593 Status: CLOSED Average Speed: 9.0 Hours
public

Note: All average response time from this ticket will also be acquired by this person.

Cancel

“Add Social Networks to shortcode”

  • Max Mitschke

    Hey,

    is there a way to add a social network to the shortcode? I want lastfm and the german business network xing but how do I attach an icon and a color?

    Thanks

    12:14 on May 21, 2014

  • Ruben

    Hi

    It's possible, but you need to do a bit of custom tweaking. 

    First, you would need to get rid of the shortcode - use plain HTML text, because the shortcode is limited to what you see. 

    Second (i guess that we're talking about the footer/menu icons), you need to write this code in the proper place from the Theme Customizer:

    <ul>
    
        <li>
            <a class="shr-btn-twitter" title="Join us on Twitter" href="#">
                <span>Twitter</span>
                <i class="icon-twitter"></i>
            </a>
        </li>
    
        <li>
            <a class="shr-btn-facebook" title="Join us on Facebook" href="#">
                <span>Facebook</span>
                <i class="icon-facebook"></i>
            </a>
        </li>
    
        <li>
            <a class="shr-btn-xing" title="Join us on Xing" href="#">
                <span>Xing</span>
                <i class="fa fa-xing"></i>
            </a>
        </li>
    
    </ul>

    This is how the HTML of the social icons looks like. You'll notice that the first icons are normal (you can get the regular icon's code by using the shortcode and viewing the HTML source of your page), but the last icon is something added manually. It's a xing icon, and the icon is taken from this list:

    http://fortawesome.github.io/Font-Awesome/icons/#b...

    Use those class names to add custom icons.. These are the only ones available, but as you see, the list is a bit bigger than the default one.

    Also, please verify your purchase code (left side panel) before posting more tickets. The purchase code can be found in your Downloads page, when you hit the Download button and choose the License Certificate.

    Regards,
    Ruben.  

    12:14 on May 22, 2014

  • Max Mitschke

    Thanks

    12:14 on May 26, 2014

Updating...