How do I remove this white effect?

[Chicha7272]

Hey guys, I have a product on my website that has a lot of color and sizing options and only has images for different colors. The problem I have here is that when somebody chooses a different size, they see a white effect appear on the image that quickly becomes transparent (see the quick Loom video below to get what I mean). This effect makes complete sense for color options since all of the color images are different, but since I don't have images that represent each size, this effect is confusing, distracting, and annoying here. So long story short, I want to remove it from the sizing options on one specific product page.  So how can I do it? 

The URL to this product page is: https://trivlen.com/products/cute-and-comfy-shark-slippers

The link to a Loom video: https://www.loom.com/share/347afe770a03485d9c1cc49775b6413f?sid=5bc44d00-8d47-4732-8112-d5c5feaa03f8

[PageFly-Richard · Accepted solution]

Hi @Chicha7272 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.scroll-trigger.animate--fade-in, .scroll-trigger.animate--slide-in {
opacity: 1 !important;
}
</style>

Hope this can help you solve the issue 

Best regards,

Richard | PageFly

[Chicha7272]

Hey, the code you provided removes the white effect from an entire website, but thanks anyway

[PageFly-Richard]

@Chicha7272 Should i provide another code to make it work without remove anything?

[Chicha7272]

No, thank you. I think it's even better without this effect on all products. So I guess I'll just stick to it