Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 10, 2013 at 9:26 am #173503
    Michael Oeser

    Hi there,

    a few weeks ago I was able to solve the issue (see: https://kriesi.at/support/topic/using-the-fonttype-social-media-icons-in-single-posts/) but after upgrading to the latest Enfold version it doesn´t work anymore.

    Look for example at this post: http://www.der-prinz.de/statische-social-media-sharing-buttons-wordpress/

    Below the post you see the three social media buttons but there are no icons anymore. I´m sure it´s something that changed in the CSS class but I can´t find it. Can you tell me how I can use the icons here?

    Thanks in advance
    Michael

    October 10, 2013 at 1:43 pm #173565
    Ismael

    Hi Michael Oeser!

    Please use this code for the social icons.

    <div class="socialshareing"> <a class="icon-char socialshareing_twitter avia-font-entypo-fontello" title="Bei Twitter empfehlen" href="https://twitter.com/intent/tweet?source=webclient&text=Statische%20Social%20Media%20Sharing%20Buttons%20in%20WordPress%20http://www.der-prinz.de/?p=1812" target="blank"><span class="iconlist-char" aria-hidden="true" data-av_icon="" data-av_iconfont="ue908"></span></a> 

<a class="socialshareing_facebook avia-font-entypo-fontello" title="Auf Facebook teilen" href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.der-prinz.de%2Fstatische-social-media-sharing-buttons-wordpress%2F&t=Statische%20Social%20Media%20Sharing%20Buttons%20in%20WordPress" target="blank"><span class="iconlist-char" aria-hidden="true" data-av_icon="" data-av_iconfont="ue908"></span></a> 

<a class="socialshareing_gplus avia-font-entypo-fontello" title="Auf Google+ teilen" href="https://plusone.google.com/_/+1/confirm?hl=de&url=http%3A%2F%2Fwww.der-prinz.de%2Fstatische-social-media-sharing-buttons-wordpress%2F&title=Statische%20Social%20Media%20Sharing%20Buttons%20in%20WordPress" target="blank"><span class="iconlist-char" aria-hidden="true" data-av_icon="" data-av_iconfont="ue908"></span></a></div>

    Cheers!
    Ismael

    October 10, 2013 at 2:38 pm #173600
    Michael Oeser

    Hi Ismael,

    thanks for the quick reply. Still doesn´t work as it should potentially due to the fact that the icon font characters are not correct when I copy & patse your code example.

    data-av_icon=”” seems incorrect. But when I use data-av_icon=”” it also doesn´t work. Must be something very little.

    Cheers
    Michael

    October 10, 2013 at 2:38 pm #173601
    Michael Oeser

    Hmmm…the forum “kills” the character encryption

    Should be: data-av_icon=”& #62217 ;”

    • This reply was modified 11 years, 2 months ago by Michael Oeser.
    October 12, 2013 at 4:11 pm #174628
    Devin

    Hello!

    You can get the correct character code by adding in the icons via the magic wand>icon and then selecting the icon from the shortcode popup. Then save the page and you’ll get the HTML for it, or you can just use the shortcode instead.

    Best regards,
    Devin

    October 15, 2013 at 12:10 pm #175582
    Michael Oeser

    Thanks Devin. I got it working by using the Shortcode. You can close this topic.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Using Social Media Icons in Single Posts’ is closed to new replies.