Hide Product Thumbnail on Specific Product Page, only

[danainspan]

I need help hiding a product thumbnail for 1 specific product only. I have figured out the CSS to hide these globally (below), but need the right syntax to apply to 1 page. Please help!

.product-thumbnail .swiper-slide-active img {

display: none !important;

}

[KetanKumar]

@danainspan 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question. 😊

Please share your site URL,
So I will check and provide a solution here.

also mention special product page url 

[danainspan]

Thanks, the product page URL is https://synth-palace-demo.myshopify.com/products/synth-lessons

[suyash1]

@danainspan - can you please share this specific product link?

[suyash1]

@danainspan - your page do not have unique id for this page hence applied css will be applied for all, you will need to add {{ product.handle }} to the div tag id which wraps these thumbnails slider and using that id you can set css for this page only.

If you are not familiar with coding then I can do it.

[danainspan]

Hello Suyash,

Thanks for this response.

I am not entirely familiar with how to do this. Perhaps you can copy any code below or outline the few steps needed here?

Thank you again,