Add border/outline around products in shop page.

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!

Hi,

What is your shop page url?