How to center the Social Share widget on form?

  • JBL
    Asked on February 8, 2017 at 3:39 PM

    I will like to center the Social Share widget on my webpage. I tried using the horizontal padding feature in the Advanced Designer (around 250px), but that does not center it equally on both desktop and mobile screens.

    Thanks you

    Page URL: https://www.jotform.com/build/70364614020141
  • AIDAN
    Replied on February 8, 2017 at 4:31 PM

    Hi, thank you for contacting us.

    In order to achieve what you requested, please inject this custom CSS code into the widget:

    ul.social-likes.black-buttons {

    display: flex;

    align-items: center;

    justify-content: center;

    }

    I created an animation to guide you through achieving that:

    How to center the Social Share widget on form? Image 1 Screenshot 20

    I have also created a corrected form in case you would like to clone it: https://www.jotform.com/70386895619978

    If you need further assistance please let us know. We will be happy to help. Thank you.

  • JBL
    Replied on February 8, 2017 at 4:49 PM

    Perfect! Thank you.