How can I display products horizontally?

  • nhamwey
    Asked on September 6, 2017 at 9:18 PM

    I'm now trying to line up my PayPal products horizontally,  instead of vertically.

  • Jan
    Replied on September 6, 2017 at 10:01 PM

    Just to verify, would you like to put the other 2 products in the same row as the 1st product?

    How can I display products horizontally? Image 1 Screenshot 20

    We will wait for your response. Thank you.

  • nhamwey
    Replied on September 6, 2017 at 10:40 PM

    Yes, that looks great.

  • Support_Management Jotform Support
    Replied on September 7, 2017 at 3:01 AM

    Append the following CSS codes to your Form Builder:

    #cid_45 {

      width: 100%;

    }

    .form-product-item {

      border: 1px solid #EFEFEF;

      margin: 1px;

      float: center;

      width: 30%;

    }

    .form-product-item + br {

      display:none !important;

    }

    Result:

    How can I display products horizontally? Image 1 Screenshot 20

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