Hi, There is an image banner on the top page, but it is difficult to see the link to the destination. Is there a way to display a gray overlay when you point the cursor at something? The image is below. Gray out (= overlay) [スクリーンショット 2024-09-27 182029.png] Please help me. Finally, an app is …

Thank you for your comment Please check the following before it is published. 19964f-7b.myshopify.com password: aolyia

Hi @Havana2024 Try adding below code to end of theme.css .slideshow__slide>a::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); display: none; z-index: 1; } .slideshow__slide>a:hover::before{…

Please add this code to Online Store > Themes > Customize > Theme settings > Custom CSS .image__hero__scale:hover picture:after { content: ''; top: 0; left: 0; right: 0; bottom: 0; background: #00000087; display: block; width: 100%; position: absolute; }

Please add this more code .column__inner figure:hover:after { content: ''; top: 0; left: 0; right: 0; bottom: 0; background: #00000087; display: block; width: 100%; position: absolute; }

Hi @Havana2024 Try adding this code .column__image>a::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); display: none; z-index: 1; } .column__image>a:hover::before{ display:block; } For …

Thankyou！ How to set the same overlay with cursor activity for image link banners on other pages? ↓The page you want to add. I want to apply it to all places where links are attached to images. page: https://havanagroup-official.com/pages/unisex-salon-list PAGE: https://havanagroup-official.com/p…

Thankyou！ How to set the same overlay with cursor activity for image link banners on other pages? ↓The page you want to add. I want to apply it to all places where links are attached to images. page: https://havanagroup-official.com/pages/unisex-salon-list page: https://havanagroup-official.com/p…

How can a dark overlay be displayed when I hover over the section image banner on the TOP page?

Store Design

Havana2024 October 20, 2024, 3:06pm 6

Thank you very much.
Solved.
It was very helpful.

Also, I’m sorry.

I would like to apply the same hover to the grid image at the bottom of the slideshow, so could you please let me know?

Topic		Replies	Views
How can a dark overlay be displayed when I hover over image banner on LP page? Store Design design , customizations , landing-page , css	0	16	November 25, 2024
ASAP HELP! cursor activity overlay on image banner! Store Design design , customizations , css	1	15	December 4, 2024
ASAP HELP! cursor activity overlay on image banner Store Design design , customizations , landing-page , css	1	20	December 5, 2024
cursor activity overlay on image banner? ASAP HELP! Store Design liquid , customizations , css	8	60	December 28, 2024
Help me, How to add overlay cursor activity to image links? Store Design design , customizations , landing-page	1	14	November 22, 2024

How can a dark overlay be displayed when I hover over the section image banner on the TOP page?

Related topics