How do I get my product listings wider?

  • MacaroniKidJohnstownLaurelHighl
    Asked on May 11, 2018 at 4:00 PM

    Here is a picture of my product listings on my form. How do I get them to appear wider and not so crunched and squished on one side?

    My videos also extend beyond the green. Is there a setting that I can check so people will be able to preview the entire form before filling it out?

    1526068520Screen Shot 2018 05 11 at 3 Screenshot 10

    Jotform Thread 1470436 Screenshot
  • Victoria_K
    Replied on May 11, 2018 at 4:44 PM

    Hello,

    Please inject the following css code to your form to fix the layout for the form width you've selected: 

    #id_10 {

      width: 100%;

    }

    #customFieldFrame_8, #customFieldFrame_5 {

      max-width: 450px !important;

    }

    Related guide: How-to-Inject-Custom-CSS-Codes

    Result: 

    1526071385screencast55 Screenshot 10

    Let us know if you need further assistance.

    Thank you.

  • MacaroniKidJohnstownLaurelHighl
    Replied on May 11, 2018 at 4:48 PM

    Thank you! Can I use this same code to widen any other form or just this one? I don't know how to do coding and chose jotform because it says it is the easiest! 

  • Victoria_K
    Replied on May 11, 2018 at 4:59 PM

    Hello again, 

    The code was developed for this particular form. Sometimes css codes are re-usable, but I can't be sure as I haven't seen your other forms. 

    If you need assistance with any other of your JotForm, just drop us a line here. 

    Thank you.