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" 



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

"Experience Across Industries" 


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.