Gaps between products on shop pages

Hi,

How do we add spaces between products grids on shop pages?

Thanks

Attachments:

You must be logged in to view attached files.

Hello,

You can set the gap in the Theme settings > Shop > Product grid

You can set the border in the Theme settings > Shop > Products style

Best Regards

Hi,

Thanks for your quick response!

I have tried changing those settings, but, the grid border stays connected and not like the image I attached? Where there are spaces between the borders?

Thanks for your help! 🙂

Attachments:

You must be logged in to view attached files.

Login details

Hello,

Please deactivate the grid http://prntscr.com/lxynxu and insert the code into the Theme Settings > Custom CSS:

.shop-content-area .elements-grid {
   -webkit-box-align: stretch !important;
   -ms-flex-align: stretch !important;
   align-items: stretch !important;
}
.woodmart-hover-base .product-wrapper {
   border: 1px solid rgba(129,129,129,.2);
   height: 100%;
}

Best Regards

Thanks

Hello,

Add this code also:

.woodmart-hover-base .product-element-top {
    margin-bottom: 0;
    border-radius: 30px;
}

Best Regards

[Author]

Posts