Add border to product images on shop menu

What is the link to your site

https://mikhaelasbeautyessentials.com/shop/

I was hoping you had some product up on the store so I could take a look at the CSS.

Without that I can’t help, hopefully the theme editor will chime in.

i have a product on the store

In your Child Theme or CSS Editor Plugin try this code:

.woocommerce ul.products li.product a img {
    border: 2px solid #000;
}

Just edit the 2px and the #000 color.

If your theme has a custom CSS Editor in it, you can also paste the code in there.

Never edit core CSS files, they’ll be deleted when the theme is updated.

@erik thank you!

Also you can edit the border radius for more effect.

.woocommerce ul.products li.product a img {
    border-radius: 10px;
}

Just adjust the 10px

So the code would look like this complete.

.woocommerce ul.products li.product a img {
    border: 2px solid #000;
    border-radius: 10px;
}

thanks again!