Social Share and Social Follow widget will not align center

  • Profile Image
    twowks
    Asked on June 30, 2014 at 03:08 PM

    I have the Social Share and Social Follow widgets, but when I change their alignment they do not change at all - they just stay aligned to the left. Even in the form builder, it does not change when I make the "center" align selection. How can this be resolved? 

  • Profile Image
    david
    Answered on June 30, 2014 at 03:20 PM

    Hi,

    What part of the widget are you trying to align to the center, the text, the widget itself?  This is what I see when I look at the link you provided:

    Please let us know and we will be happy to look into it further.

    Thank you for using Jotform!

  • Profile Image
    twowks
    Answered on June 30, 2014 at 03:26 PM

    The Social Share and Social Follow buttons near the bottom of the form. Thanks

  • Profile Image
    EltonCris
    Answered on June 30, 2014 at 03:41 PM

    @ twowks

    It looks like the two widgets aren't designed to work with center alignment properties. I have raised this to our developers so they will be able to consider this in the next updates which I hope possible for these widgets since this requires modifying its CSS. 

    Thanks for reporting. Regards!

  • Profile Image
    EltonCris
    Answered on July 03, 2014 at 09:14 AM

    @twowks 

    After probing it further, we found out that it can be tweaked through CSS injection. Please inject the following CSS codes to your form if you still want the social widgets to be center aligned on your form.

    div#cid_5 div {

    text-align: center !important;

    }

    iframe#customFieldFrame_5 {

    width: 192px !important;

    display: inline-block !important;

    }

    iframe#customFieldFrame_4 {

    width: 503px !important;

    display: inline-block !important;

    }

    Here's How-to-Inject-Custom-CSS-Codes-to-your-Form.

    As a result:

    Let us know if you need any further assistance. 

    Best Regards!