Up state, and hover state image button with click-through link

Pulling my hair out here (well I would if there was any left)...

Back in the day I used to build media rich buttons with an up and over state which also included a click-though link. I'm damned if I can find a way to do this in Squarespace 7.1.

I've seen a few tutorials, but they simply replace the background with an image, or on hover, and quite often they don't include a way to add a click-though link, or the background image scales disproportionately.

In short i'm looking to do the following:

• add an image block
• scale align and place
• add click-through link
• via css, add a hoverstate image that retains the scale and alignment variables with associated click-though

I guess i'm probably old skool but this would allow me to add a bit of movement to the site which has been requested by the client.

Is there a reason this has been made difficult to implement? Is it non-mobile friendly?

Hi,

This is possible. Just add an Image Block with Classic Editor Section (do not use new editor, because new editor doesn't support image url) (the image support click though url)

Then share link to page where you added Image Block, we can give code to make hover/scale effect

On 5/28/2023 at 8:45 AM, tuanphan said:

Hi,

This is possible. Just add an Image Block with Classic Editor Section (do not use new editor, because new editor doesn't support image url) (the image support click though url)

Then share link to page where you added Image Block, we can give code to make hover/scale effect

Hi, apologies for the delayed response, I didn't realise I had to follow threads to get alerts.

I've now managed to convince my client to avoid this type of functionality as it wasn't worth the time investment. I've never switched to the classic editor, and didn't know you could do that so thanks for the tip.