Can you create a css code for the Image Choices widget to allow wider (dimensions) images?

  • Tggpromo
    Asked on August 23, 2016 at 10:24 PM

    Can you create a css code for the Image Choices widget to allow wider (dimensions) images?  Much like the Image Checkboxes widget.

  • Chriistian Jotform Support
    Replied on August 24, 2016 at 1:39 AM

    You can widen the dimensions of the Image Choices widget by adding the CSS code below to the Custom CSS area of the widget. Simply change the value of the yellow highlighted text to adjust the size based on your preference.

     

    .options li { /*adjusts the dimensions of the image wrapper to auto*/

        width: auto;

        height: auto;

    }

    .options img, .results img { /*adjusts the dimensions of the image*/

        width: auto;

        height: 120px;

     

    }

    Can you create a css code for the Image Choices widget to allow wider (dimensions) images?  Image 1 Screenshot 30

    Here's how it would look after.

    Can you create a css code for the Image Choices widget to allow wider (dimensions) images?  Image 2 Screenshot 41

    If you need further assistance, please let us know.
    Regards.