How can I standardize the item image to be to the left of the name and quantity?

  • erinclynelmt
    Asked on February 12, 2017 at 12:36 PM

    I would like the setup of the order form to be like the first item in the screenshot attached, with the image to the left and the name/quantity to the right. How can I set this up as the default?

    Thank you!

    Jotform Thread 1064082 Screenshot
  • David JotForm Support Manager
    Replied on February 12, 2017 at 2:54 PM

    I apologize for the long delay. I was try to find the cause if the issue by doing a deeper look into the CSS code that might be affecting those items only in Chrome browser, but I could not find the cause. They look okay in other browser.

    So, I decided injecting the following code in your form, so it affects only in Chrome browser(because it already looks okay in other browsers):

    @media screen and (-webkit-min-device-pixel-ratio:0){ 

    #input_3_1003,#input_3_1004{

       margin-left: 163px !IMPORTANT;

    }

    }

    How can I standardize the item image to be to the left of the name and quantity? Image 1 Screenshot 30

    Result: https://form.jotform.com/70425612658962 

    How can I standardize the item image to be to the left of the name and quantity? Image 2 Screenshot 41

    Please add that code in your form's CSS code area, and let us know if you need more help.

  • erinclynelmt
    Replied on February 16, 2017 at 7:33 AM

    Great! Thank you so much - it worked!