Reduce White Spacing between Image Radio Button Widget / Conditional Boxes

  • Profile Image
    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
    Answered on January 14, 2016 at 11:40 PM


    In your form 

    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.