How to split my products to 2 columns

  • Profile Image
    sofiman
    Asked on August 01, 2016 at 05:36 AM

    hellois there a possibility to split my products to be showed as 2 coloumns instead of one? So that visitors dont have to scroll alot?

  • Profile Image
    beril
    Answered on August 01, 2016 at 08:46 AM

    Cold you please inject the CSS code below?

    .form-product-item {

        border : 1px solid #EFEFEF;

        margin : 1px;

        float : center;

        width : 230px;

    }

     

    .form-product-item + br {

        display : none;

    }

     

    br + b {

        float : left;

        padding-top : 20px;

    }

     

    .form-payment-total {

        line-height : 50px;

        margin : 1px;

        border : 0px solid #EFEFEF;

        border-radius : 4px;

        padding : 15px;

        padding-right : 193px;

        padding-left : 6px;

    }

    The, we would appreciate it if you could change the code as you see below:

    from:

    .form-all {

        width : 100%;

        max-width : none;

    }

     

    To:

    .form-all {

        width : 980px!important;

        max-width : none;

    }

     

    At that time, it will work properly.

     

    If you have any question or issues, please do not hesitate contacting us. We will be glad to assist you.

  • Profile Image
    sofiman
    Answered on August 01, 2016 at 03:36 PM

    I've done this, but the form now is not 100% of the page.. also, the options listed with each product are not showing in full!

  • Profile Image
    Mike
    Answered on August 01, 2016 at 06:59 PM

    Form width and product height values are currently limited in your custom CSS.

    You will need to adjust your custom styles.