Jump to content

Image Rollover Code Affecting Summary Block in Below Section

Recommended Posts

Site URL: https://www.avajohanna.com


I added in the following code to create an image rollover affect upon hover from color to black and white:

<a href="https://www.avajohanna.com/about">

  <img src="https://static1.squarespace.com/static/6052c034d86bb75777e2ba3b/t/607cb4c1f0c3115eec581af1/1618785482616/Meet+Ava.png"



However, the HTML used in the code blocks are affecting how the Summary Section underneath it is appearing. Instead of showing all three summary blocks, it's only showing two. I know for certain that this code is affecting that section because when I remove it, the summary block below goes back to normal.

Please help!

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic


Could you please specify where this code is inserted on the website so that we can see the issue as it occurs. Where are these roll-over effects supposed to happen? On  the about page? Alternatively, you could also share a screenshot of the problem, that might help too.



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.