Remove Product Page Thumbnail Border - Taste Theme

Technical Q&A
1

Hi, I cannot for the life of me figure out how to remove the small border that appears around the thumbnail images of a product when "thumbnail carousel " is selected.

I tried a couple of things in CSS but apparently, I am not targeting the right thing. I have also tried in the theme settings to make all borders 0, but the thumbnail border is still there. Any help is greatly appreciated!

Example link: https://shop.trailbio.com/products/test

2

Please consider including the store link.

3

Just added it to the original post!

https://shop.trailbio.com/products/test

4

Hello @bcp13579

Add this CSS code
Online Store > Themes > Edit code > Assets > custom.css

.thumbnail[aria-current] { box-shadow: none; }
1 Like
5

Thanks so much!! I knew I was missing something simple. I had to add !important to make work, but this did the trick.