border around product image and thumbnails

hello
is there any way to put a border around the image and the thumbnails like the image (border red )
i try this custom CSS code and paste it to Theme Settings >> Custom CSS >> Global CSS section
——————
.single-product .product-images .swiper-wrapper img {
border: 2px solid red;
}
——————
but not working
please any way to do this option

Attachments:

You must be logged in to view attached files.

i want to put border lik this image

Attachments:

You must be logged in to view attached files.

Hello,

Please insert the site admin access into the Private content below the message area. We will take a closer look at the case.

Best Regards

ok

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .woocommerce-product-gallery .woocommerce-product-gallery__image {
    border:2px solid red;
}
@media (min-width: 1025px){
.thumbs-position-left .thumbnails .product-image-thumbnail {
    border:2px solid red;
}
}

Best Regards

[Author]

Posts