Jump to content

Is there a way for me to zoom on an image with text over the image when I hover?

Go to solution Solved by Lesum,

Recommended Posts

I was able to add a code to zoom the image when I hover over it, but when I add text on top of the image, and hover over it, the image doesn't zoom. It's only when the text is off that I am able to have the image zoom in when I hover. Does anyone know if of a way for me to zoom on the just the image, when text is placed on top?

 

Link to comment
  • Replies 7
  • Views 129
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

@app4qp Try adding this code under Website > Pages > Website Tools > Custom CSS

.fe-block-yui_3_17_2_1_1717863215220_25365 {
  pointer-events: none !important;
}

You need to replace "fe-block-yui_3_17_2_1_1717863215220_25365" in the code with the class name of the text block positioned above the image.

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Sam
Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

Link to comment
  • Solution

@app4qp Add this code:

section[data-section-id="66651ff9d950e32d33a4f27b"] {
	.fe-block:has(p), .fe-block:has(h1), .fe-block:has(h2), .fe-block:has(h3), .fe-block:has(h4) {
		pointer-events: none !important;
	}
}

 

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Sam
Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

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.