How to adjust alignment for Preview before submit widget with CSS?

  • Profile Image
    Eddy Perez
    Asked on January 31, 2019 at 01:24 PM


    I desperately need your assistance.

    I have inserted the "Preview before submission" widget into my form. However, when this widget is used, the formatting of my form is changed in the preview version. 
    For instance, the image of the polo shirt is miniaturized, the flags are placed in a vertical format instead of horizontal.

    Could you please assist? 


  • Profile Image
    Answered on January 31, 2019 at 03:22 PM

    I see that you have already added some CSS code to adjust alignment for preview. Please also try adding the following code: 


    #previewContainer .control_image {

      display: inline-block !important;


    If you want to change it more, please let us know.