How do I change my product be three column spread?

  • Profile Image
    TooKoo
    Asked on July 09, 2013 at 06:16 AM

    Hi,Referring to the title above, how do I change at my product part so that there is a three spread columns going to the side?addition : picture attachment writting 'AFTER', I edit using paint.

  • Profile Image
    TooKoo
    Answered on July 09, 2013 at 06:20 AM
  • Profile Image
    EltonCris
    Answered on July 09, 2013 at 07:37 AM

    Hi,

    We have a guide for that: How To Have Two Column Payment Form

    That guide explains on how to make it to 2 columns. Since you require 3 columns, simply adjust the width on the first CSS code provided on that guide. I am referring to this, check the bolded part.

    .form-product-item {

    border: 1px solid #EFEFEF;

    margin: 1px;

    float: center;

    width: 293px;

    }

    Example Form: http://form.jotformpro.com/form/31893114827963?

    You can clone this form if you like, here's how: How to Clone a Form from a Web Page

    Thanks!

  • Profile Image
    TooKoo
    Answered on July 11, 2013 at 12:51 AM

    Hi @EltonCris..

     

    Thanks for ur cooperation =)