Jump to content

Ignore Textbox above Image for Hover Effect

Go to solution Solved by Web_Solutions,

Recommended Posts

I have a set of boxes that I have a hover effect on that show an image when hovered. I have text boxes on top of those images, when the mouse goes over the text box the hover effect is then removed. Is there a way to ignore the textbox so the hover effect stays?

eventnetwork.squarespace.com "Experience Across Industries" 

HourOne2023

 

Link to comment
  • Solution
10 hours ago, MKrause18 said:

"Experience Across Industries" 

eventnetwork.squarespace.com

PW: HourOne2023

 

Add this code on Custom CSS panel.

[data-section-id="64d2a320859b3c4f6c49189e"] .fe-64d2a3215c48615533d18681 {
  .fe-block:has(.html-block) {
    pointer-events: none !important;
  }
}

 

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.