Widget Social Share - image optimization

  • evank001
    Asked on August 16, 2018 at 12:35 PM

    Dear Guys,

    I love the social share widget but the image used for the social media are too big. There are the smallest on my page but the heaviest on my page. Here is what google insight think it can be reduced : 

    1534437286google insight Screenshot 10

    If you do not have time, tell us so, I can do it quickly ! It SEO concern ! 

    Thanks in advance,

    Adrien

  • Kevin Support Team Lead
    Replied on August 16, 2018 at 2:07 PM

    You may replace the default images with your own images with some CSS code, for example, for Facebook you may use this code: 

    .social-likes__icon_facebook {

        background-image: url("URL TO IMAGE HERE") !important;

    }

    For Twitter: 

    .social-likes__icon_twitter{

        background-image: url("URL TO IMAGE HERE") !important;

    }

    For Google+: 

    .social-likes__icon_plusone{

        background-image: url("URL TO IMAGE HERE") !important;

    }

    This guide will help you injecting the code to your widget: https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets 

    I hope this helps.