Margin for product archive design
-
I would like to add margin and separate each product grid as seen on the attached image(My old theme). I have tried the CSS below but then it doesn’t work and the margin property pushes the last grid item on the line to the bottom.
.product-grid-item {
margin: 5px;
padding: 0px;
box-shadow: 0px 2px 4px rgba(34, 56, 101, 0.15);
}
Attachments:
You must be
logged in to view attached files.
Hello,
Please provide your site URL and insert the credentials into the Private content below the message area. We will check the current settings and see how to do that.
Best Regards
Please find the login in the private content area
Hello,
CSS customization would break the whole grid. You can achieve your purpose settings Tiled hover design on hover in the Theme Settings > Product Archive > Product style. Then you will need to set the space in Theme Settings > Product Archive > Product Grid. You can see the demo here: https://woodmart.xtemos.com/shop/?opt=tiled_hover
If you have any questions please feel free to contact us.
Best Regards
is it possible to show the add to cart button with the tiled hover style? I need that to show
Its all good. will manage this for now
That is fine!
If you have any questions please feel free to contact us.
The topic ‘Margin for product archive design’ is closed to new replies.
.
