Jump to content

Is this header image hover effect possible in Squarespace?

Recommended Posts

Site URL: https://www.optaschoolbus.org/

I have a client that wants their website rebuilt in Squarespace. Their current site was built 10-11 years ago by a programmer. They indicated they loved the idea of the design, and especially love the hover over light effect in the navigation. Obviously this looks outdated and we haven't gotten to the design process yet, but I am wondering if something similar can be done with Squarespace? I am thinking of using 7.0 for more control, I have the bulk of my experience with that version but totally open to 7.1.

Current site URL: https://www.optaschoolbus.org/

Thanks!

Link to comment
  • Replies 1
  • Views 352
  • Created
  • Last Reply
4 hours ago, destinyestringer said:

Site URL: https://www.optaschoolbus.org/

I have a client that wants their website rebuilt in Squarespace. Their current site was built 10-11 years ago by a programmer. They indicated they loved the idea of the design, and especially love the hover over light effect in the navigation. Obviously this looks outdated and we haven't gotten to the design process yet, but I am wondering if something similar can be done with Squarespace? I am thinking of using 7.0 for more control, I have the bulk of my experience with that version but totally open to 7.1.

Current site URL: https://www.optaschoolbus.org/

Thanks!

They use background-image on the <a> tag, on Squarespace you can assign the background for header using custom css

image.thumb.png.31218d167a54f0293360f4fced76c6ea.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Archived

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.