How to remove effect from the collection page

[CreatorTim]

Hi, when I hover over a product on my collection page, there is a hover effect on the product. If I keep my cursor on it for a while, a light effect moves from the top left corner to the bottom right.

Check it out here: https://1049xn-ya.myshopify.com/collections/all

How can I remove this effect so that when I hover over the product, this light effect doesn’t appear? Also, it seems to work only on the first attempt, you might need to refresh the page to see it again.

Thanks a lot, I’d really appreciate the help.
Tim

[PritTala]

Hello @CreatorTim 

Can You Please share More Details?
Because its By Default Hover Effect from Dawn Theme.
We Need To Check Customize Tab.

[CreatorTim]

What do you mean? I’ve created a custom hover effect using this code:

<style>
.product-card-wrapper .media.media--hover-effect > img + img {
transform: translateX(100%) !important;
transition: transform 0.2s ease-in-out; /* Adjust the speed here */
}

.card-wrapper:hover .media.media--hover-effect > img + img {
transform: translateX(0%) !important;
transition: transform 0.2s ease-in-out; /* Match the same speed */
}
</style>

But when I hover over it and wait for a moment, you’ll see a light moving from the top left to the bottom right, and I don’t want that. How can I remove it?

[PritTala · Accepted solution]

OKay I see!
But that shine effect is from Dawn Theme.
Follow this steps:

1. Go to customize tab 

2. Click on theme settings > https://prnt.sc/VoQWHknaiwBY 

3. Click on animations > https://prnt.sc/2v-yWuMzYPDk 
4. Select verticle lift option insted of 3d lift > https://prnt.sc/Xoq3ndVC0IKN 
5. Click on save.

Like and Accept solution!
Best regards
Prit Tala

[CreatorTim]

Thank you man!