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 👇
Want a framework for designing the perfect homepage?
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;
}
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.
Need an expert to build your Squarespace website?
Book a free kick-off call with our team to discuss your project requirements in detail.
