Remove Hover State From Any Block on Squarespace

In this Squarespace tutorial I’m going to talk you through how to remove a hover state from any block on your Squarespace website.

For example, if you have a video block but you don’t want a play/pause button to appear when users hover over it, this is how you turn it off.

Watch the video

Check out the YouTube video below 👇

Use your Squarespace Block ID Finder to bring up the ID for the relevant block. Copy the ID and head to Website > Pages > Website Tools > Custom CSS and paste your block ID. Then add the following code:

#BLOCK-ID {
pointer-events: none !important;
}

---

📩 Join the inner circle to get exclusive code updates

---

Hit save and you’ll have removed the hover effect from your block. To remove it from more blocks, simply add the block ID to the code.

---

Your designer

I'm Sam, an award-winning Squarespace web designer. I have worked with every type of business, building platforms for solo entrepreneurs through to multi-million dollar corporations. If you want to discuss a potential project, you can email on sam@bycrawford.com or get in touch with me here. Alternatively, you can book in a free 15-minute consultation call here.

---

Want more?