Jump to content

Hover Over Image to Reveal Background Image

Recommended Posts

  • Replies 2
  • Views 866
  • Created
  • Last Reply

You will need to put a code block in, with html that makes a div with a class.

Put both images inside the div, then we can use CSS to swap them out.

I helped someone here get it working, once you get the code block set up I can help you get the CSS done.


Link to comment


Hey @rwp thanks for the reply and helping out!

I think I have the two images working here: https://www.loxd.io/home-2 However, how can I have it styled where the images display as full-width banners? And have the background images only change when the hover is on the logotype?

I have the desired effect here https://www.loxd.io/portfolio-2 through manipulating the portfolio layout styling, however is there a simpler way to achieve this similar look through CSS? 



Link to comment


This topic is now archived and is closed to further replies.

  • 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.