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

You are welcome 🙂

[Author]

Posts