Bordered Grid space

Hi there,

We try to input some gap(space) in bordered grid but with no luck!
We want space between products @ bottom, left, right, top.
Did you have any custom css for this small issue?

Thanks in advanced

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached. Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.products-bordered-grid.woodmart-spacing-30 .product-grid-item {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}

Regard’s.
Xtemos Studio.

Hi again,

PLease see again my attached image.
The above css code doesnt do the trick.

p.s: we have enable Bordered grid.

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached.

Sorry but this is not possible with just simple custom CSS. If you try to add margins to the product grid items then it will disturb the columns and layout of the other elements.

Best Regards.

[Author]

Posts