Jump to content

Image to appear on text link hover

Recommended Posts

Hello! I am trying to create a section which would display an image on the left half and a list on the right. My hope is to connect each list item to a specific photo which will appear in the image box when hovering over the item. 

Ive found a few hacks which would allow me to fade image into view on hover, however it wouldn't allow me to show image on link hover as my design has them situated next to each other rather than overlayed. 

any insight is appreciated!

Link to comment
  • Replies 1
  • Views 509
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic


You can use a Portfolio Page with Hover Background Layout. It will create effect: hover text > show fullwidth background

Next share link to portfolio page, we can give code to move image hover background to right of text

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.