How can I create line breaks in product listings in Payment Wizard?

  • ericablair
    Asked on January 23, 2015 at 10:16 PM

    When entering a product's name in Payment Wizard, it recognizes the commands <b> and <i>. When viewing in Payment Wizard, it also recognizes <br>. But when I view the finished product on the website, the line breaks are not showing.

    How can I enable line breaks in my product's name? I need to be able to provide more information than just a name.

    My site: http://www.thegrowingkitchen.org/rec-order-form-1 (where the line breaks are not working)

    Screenshot attached of the Payment Wizard (where the line breaks are working)

    Jotform Thread 502520 Screenshot
  • abajan Jotform Support
    Replied on January 24, 2015 at 1:32 PM

    Thanks for asking. Please try the following:

    1. Click the Designer button:

    How can I create line breaks in product listings in Payment Wizard? Image 1 Screenshot 40


    2.
     Click the CSS tab:

    How can I create line breaks in product listings in Payment Wizard? Image 2 Screenshot 51


    3.
     In the tabs work area, add the following rule to those already there:

    .form-product-item br {
      display: block;
    }


    4.
     Save the jotform:

    How can I create line breaks in product listings in Payment Wizard? Image 3 Screenshot 62



    If you need further assistance with this, please let us know.


    Cheers

  • abajan Jotform Support
    Replied on January 24, 2015 at 1:41 PM

    Actually, make that

    .form-product-item br + br {
      display: block;
    }


    Thanks