Remove square borders around small product images

[blossomvase]

Hi.

I would like to remove the square borders/radius around the small product images, as you can see in the image.

As you can see, there are small grey square borders around the outsides, how do I get rid of these for the small product images below the main/bigger one.

store URL is blossomvase.com

thanks

[Moeed]

Hey @blossomvase

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[websensepro]

Hi @blossomvase

1. Go to Online Store → Theme → Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

.global-media-settings {
    border: none !important;
}

Result:

If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!