How do I remove the dark overlay that appears on hover over my gallery photos (from the Be Yours theme-gallery section) . The link animation and slight image zoom can remain. But I want the dark overlay to be gone.
Here is my demo link: https://706707-15.myshopify.com/?_ab=0&_fd=0&_sc=1&preview_theme_id=167147307303
Thanks for your help!
This is Noah from PageFly - Shopify Page Builder App
Hi @CJames I have check 2 Item , And item 2 has effect and item 3 no effect. For normal please check again option feature set effect hover in theme editor.
Or you can duplicate item 3 and change version this to style like item 2.
Thank you so much.
https://monosnap.com/direct/xPZkfiBUxLFxvhBKvRZSomxbXLl3Go
Best regards,
Noah | PageFly
Hello @CJames
This is Amelia at PageFly - Shopify Advanced Page Builder app.
You can try the following steps I have provided to help you solve the problem you are facing:
You can try the following steps I have provided to help you solve the problem you are facing:
Step 1: Online Store → Themes → Edit Code
Step 2: Choose file theme.liquid
Step 3: Add code above the tag
Hoping my solution helps you solve your problem.
Best regards,
Amelia | PageFly
I have links on the first 2 circle images at this time. All images will eventually have links on them. My question is when I hover over the circle images to click the link, the overlay appears. I want to remove the overlay with CSS. I’m just not sure how what I should be targeting and changing.
Thanks Amelia!
This worked perfectly.
I did however put the code in the theme’s gallery section custom CSS settings and it worked.
I’m so glad it’s working well.