Spacing on image check box widget

  • kauseway
    Asked on December 1, 2014 at 6:40 PM

    Is there a way to space the images out more evenly? If I make them to big it causes the form to not be responsive and you have to scroll left and right to see the form.  If I make it small it doesnt affect the form but the buttons are small and left justified. Is there a way to have them evenly spread out with 100% so they will expand and contract depending on how it is viewed? 

     

    The image check boxes are the blue images half way down the screen. Thanks

  • Charlie
    Replied on December 1, 2014 at 8:10 PM

    Hi,

    You can do this by adding a custom CSS style on that widget.

    Add this code to the widget:

    #images_button_container {

    width: 100%;

    }

    #images_button_container > li {

    padding: 30px;

    }

     

    Spacing on image check box widget Image 1 Screenshot 30

     

    Also, please do remove excess lines in your widget's image URLs.

    Spacing on image check box widget Image 2 Screenshot 41

     

    You can find the edited cloned form here: http://form.jotformpro.com/form/43347102749960?

    I hope this helps. Let us know if you still need further assistance on this.

    Thank you.