How to remove thumbnail black border on dawn theme

Store Design
1

Hello, I need help removing the black border from my product page.

border.jpg
border.jpg1156Ă—517 27.2 KB

2

Please consider including the store link.

3

Sure. Sorry about that. www.vir-gil.com

4

Hello Nick. Sure. Sorry about that. www.vir-gil.com

5

@Gcochoni

Hi,

To remove the border, please add the code below to assets/section-main-product.css file.

button.thumbnail.global-media-settings.global-media-settings--no-shadow.thumbnail--narrow,
.thumbnail[aria-current] {
    box-shadow: none !important;
    border: none !important;
}

If you resolve the issue, please click “Like” and “Accept solution”.

If you still have the issue or have any other questions, please let me know.

Hope it helps.

Thanks.

6

Hi David, Thank you so much. It worked perfectly.

Have a nice weekend.

7

Hi David, Thank you so much. It worked perfectly.

8

Ive used this code and its not removing the border from mobile but working for desktop. thoughts?