Hey everyone,
I'm searching for a solution to add a thin black border around all products on shop pages if possible.
Something like this: https://museumofpeaceandquiet.us/collections/all
So far this is what I have:
.products .grid-item {
border: 1px solid black;
margin: 5px;
padding: 10px 5px;
box-sizing: border-box;
position: relative;
}
.products .grid-item .product-image-wrapper {
height: auto;
padding-bottom: 0;
}
.products .grid-item .product-image-wrapper img {
max-height: 180px;
width: auto;
}
Thank you!