Adding a border to my products page,

I am using the Brine template.

I'm looking to add a border around the products in my products page. Does anyone know how to do this with CSS or is there just a setting I am missing in the page?

Here is an example of my products page. I would like a black border around all these different products.https://www.pauljonesstore.com/hats

thanks.

@PaulJonesStore Add to Home > Design > Custom CSS

.ProductList-item {
   border: 1px solid #000;
   margin-right: 20px;
}

See how to insert CSS: https://beaverhero.com/squarespace-how-to/#HowtoInsertCustomCSS

Thank you thats worked perfectly.

Do you know if there is anyway for all the boxes and borders to be the same height and width so that they are are symmetrical?

Thanks!

@PaulJonesStore

@media screen and (min-width:641px) {
.ProductList h1.ProductList-title {
   height: 57px;
}
}

Perfect, thank you!

is there a way to add a border to a single product image on a products page?

On 4/30/2021 at 1:53 AM, whereami said:

is there a way to add a border to a single product image on a products page?

Can you share link to product page on your site?

@tuanphanit's ok, thanks, @creedon fixed it:

.ProductList-item:not( .tag-no-shadow ) .ProductList-outerImageWrapper {

  box-shadow : 2px 2px 3px;
  
  }