• Resolved rogernagx

    (@rogernagx)


    Hi, good evening. I’ve been searching all over the forums and support tickets and i could not find how to add this manually. I want to add Telegram to the social media icons widget from Jetpack, to include it in my theme.

    Just to clarify, this is not a Publicize or Sharing issue.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic ??

    You can use the jetpack_social_media_icons_widget_array filter to add your own custom icon to the Social Media Icons Widget:
    https://developer.jetpack.com/hooks/jetpack_social_media_icons_widget_array/

    I hope this helps.

    Thread Starter rogernagx

    (@rogernagx)

    Well, it works, it shows next to facebook and twitter, but it seems I cannot display a telegram generic icon. Is there any way to add it?

    I’m really grateful for your help.

    Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic ??

    That’s because the icon font used to display the other icons doesn’t include a Telegram icon. You’d have to add your own, or rely on another font that includes a Telegram icon on your site. For example, if you use Jetpack’s Sharing buttons on your site, your site already loads an icon font with a Telegram icon.

    In the code snippet you used to add the Telegram icon, replace genericon genericon-telegram by social-logo social-logo__telegram, and then add the following CSS under Appearance > Customize > Additional CSS in your dashboard:

    
    .widget_wpcom_social_media_icons_widget .social-logo__telegram {
    	font-size: 16px;
        vertical-align: top;
        text-align: center;
        -moz-transition: color .1s ease-in 0;
        -webkit-transition: color .1s ease-in 0;
        display: inline-block;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        line-height: 1;
        text-decoration: inherit;
        text-transform: none;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        speak: none;
    }
    

    That should help!

    Thread Starter rogernagx

    (@rogernagx)

    That did the trick! You are the boss!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Add telegram to social media icons’ is closed to new replies.