VC Products Widget List 2 Columns

Hello.

Can somehow modify the products widget (grid or carousel) to make the List option to have 2 columns?

Instead col-md-12 for desktop to be col-md-6 for every product.

Check the demo url please.

Thank you.

Hello,

Please add this code to the Theme settings > Custom CSS:

.elements-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.elements-list .product-grid-item {
    width: 49.5%;
    max-width: 49.5%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 49.5%;
            flex: 1 1 49.5%;
}

Best Regards

Thank you very much, it works!

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts