Image and text side-by-side

  • Profile Image
    destinationblues
    Asked on October 01, 2015 at 06: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!

  • Profile Image
    Chriistian
    Answered on October 02, 2015 at 01: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. 

    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.