Rounded border in product grid
-
Hi XTEMOS,
what is the best way to show a rounded border
around each product in product grid?
How to apply this to the products on a
category page as well?
Thanks for your help,
Till
Hello,
Could you please provide a screenshots of how it should look?
Regards
See attached screenshot.
I would like to apply this rounded border in all product grids
as well as theme-sliders.
Could you please poste the css.
Thanx
Till
Attachments:
You must be
logged in to view attached files.
Hello,
Try to use this code snippet for your request
.product-grid-item .product-element-top {
border:2px solid #d6d6d6;
border-top-right-radius:10px;
border-top-left-radius:10px;
border-bottom:0;
margin-bottom:0;
padding:10px;
}
.product-grid-item .product-title {
border-left:2px solid #d6d6d6;
border-right:2px solid #d6d6d6;
margin:0;
padding:10px;
}
.product-grid-item .wrapp-swap {
border:2px solid #d6d6d6;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
border-top:0;
box-sizing: border-box;
padding-bottom: 30px;
}
Regards
just perfect – did the job!
Thanks for awesome fast support 😉
Till
The topic ‘Rounded border in product grid’ is closed to new replies.
.
