Image and text side-by-side

  • destinationblues
    Asked on October 1, 2015 at 6:02 PM

    URGENT!!!

     

    I need the image and html text to be side by side!!

    I can not get the html box to shrink to allow me to have both the image and text on the same line.

     

    Here is the form:

    Titled Beverages

    http://form.jotformz.com/jsform/52735891511660"

     

    I need this fixed urgently as my client needs to begin accepting payment tomorrow!

     

    Thanks!

  • Chriistian Jotform Support
    Replied on October 2, 2015 at 1:12 AM

    Hi,

     

    Here is a step by step guide to make the image and text side by side. 

    1. Move images to Next Line starting on the second image. 

    Image and text side by side Image 1 Screenshot 20

    2. Add/Inject custom CSS code in your form.

    .form-col-1{

    width: 50% !important;

    }

    .form-col-2{

    width: 50% !important;

    }

     

    To inject custom CSS code in your form, just follow the instruction provided in this article: How to Inject Custom CSS Codes.

     

    3. Save Form.

     

    Here is a sample clone form that I have created to fix the alignment of the image and the text - http://www.jotformpro.com/form/52740312278957.

     

    Do let us know if you need further assistance.
    Regards.