How do I change my product be three column spread?

  • Profile Image
    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
    Answered on July 09, 2013 at 06:20 AM
  • Profile Image
    Answered on July 09, 2013 at 07:37 AM


    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:

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


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

    Hi @EltonCris..


    Thanks for ur cooperation =)