Reduce White Spacing between Image Radio Button Widget / Conditional Boxes

  • Profile Image
    locomotivedisplaycases
    Asked on January 14, 2016 at 06:46 PM

    Good Evening,

    I have been trying to find a solution to reduce the white space (marked with blue arrows as per screenshot)

    I have tried various coding solutions with padding, margins etc but to no success, the only thing I have managed to achieve is to reduce the field 'please select your method of payment' but this has had no effect on what I am trying to achieve. 

    I have searched the forums and tried solutions, either I am doing something obviously wrong but I can't see or some exsisting css coding is overiding others - can you help? David

     

  • Profile Image
    jonathan
    Answered on January 14, 2016 at 11:40 PM

    Hi,

    In your form  http://www.jotformeu.com/form/53590622079358 

    on the Radio Image widget, add this CSS code and update/save the widget

    #radiosContainer {

        margin-top: -30px !important;

    }

     

    then on the Form CSS add this CSS code

     

    #id_159 {

        padding-bottom: 0px !important;

    }

    #id_158 {

        padding-top: 0px !important;

        padding-bottom: 0px !important;

    }



     

    Let us know how it goes.

    Thanks.