How to add a border to product images in Squarespace 7.0

Hello,

I am trying to add a border around the images of my products in the store. I have tried using

.tweak-product-list-meta-position-overlay .ProductList-item {
    border: 1px solid black;
    margin-left: -2px;
}

and a couple variations of that to no avail.

A nice to have as well would be to add the price and name of piece below the product, within the border as well.

Hi,

Can you share link to page? We can check & give code easier

yes, the link is https://www.amandacarrillo.com/shop

thanks!

Add to Design > Custom CSS

#productList .product {
    border: 1px solid black;
}
@media screen and (min-width:901px) {
    width: calc(~"30.42071197% - 2px") !important;
}