How do I remove the scrollbar just from an item and not the whole page?

Site URL: https://www.ssteart.com/presets/p/essential-preset-pack-by-ssteart

I would like to remove the scrollbar that appears next to the previews in a product slideshow. Right now I have used this code on the product page, though that also removes the main page scrollbar. Is there a way to specifically target the product item?
 

Quote

 

<style>
/* Hide scrollbar for Chrome, Safari and Opera */
*::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE and Edge */
* {
  -ms-overflow-style: none;
}
</style>

 

Edit product >> Additional Info >> Add a Code Block >> Paste above code

@tuanphan Unfortunately by doing that it still applies to the whole page

I'm not seeing a scrollbar for the product thumbnails. Did you resolve your issue?

On 5/25/2021 at 8:20 AM, ssteart said:

@tuanphan Unfortunately by doing that it still applies to the whole page

Add code then Design > Site Styles > Disable Ajax Loading