How Can I Add A Border Around Products On Collection Grid and have them align?

Store Design
1

Hello

I am trying to add a solid black border around my products but I also need them to be aligned with description.

Here is what I am trying to accomplish.

pic.jpg
pic.jpg853×443 40.1 KB

Here is what my site looks like

pic 2.jpg
pic 2.jpg1333×535 89.6 KB

If anyone could help I would totally appreciate it!

2

Yes I can help you show me your store

3

Hi,

Please share your store URL and if your store is password protected then also provide password too.

Thank you.

4
5

www.ruufe.com

6

hamzasgd_0-1657726717427.png
hamzasgd_0-1657726717427.png1366×425 372 KB

you want it like this border and description aligned ?

7

Correct but I also want the add to cart button to be alined as well. Just like the first pic I showed in the begining.

8

hamzasgd_0-1657728076605.png
hamzasgd_0-1657728076605.png1366×386 174 KB

now?

9

Here is the CSS if this is helpful like and accept the solution thanks

.js-product-details-link {
 min-height:65px !important;
}
.ci{
 min-height: 250px !important;
}
.featured__collection-product{
 border:1px solid !important;
}

Note: Your product description must be less than 150 characters.

10

Thanks for your support. I appreciate it