How can I display products horizontally?

  • Profile Image
    nhamwey
    Asked on September 06, 2017 at 09:18 PM

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

  • Profile Image
    Jan
    Answered on September 06, 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?

    We will wait for your response. Thank you.

  • Profile Image
    nhamwey
    Answered on September 06, 2017 at 10:40 PM

    Yes, that looks great.

  • Profile Image
    Jim_R
    Answered on September 07, 2017 at 03: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:

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