Slide-up title hover animation for blog posts

The client was migrating his site from 7.0 to 7.1 and was looking to adapt some customizations he already had in place to the new version. Amongst the different tweaks, he was looking for a way to display a custom filter and a slide-up animation for his post titles, to keep a minimal look while including some interactive elements.

Using the Universal Filter plugin as a base for the filtering functionality, I customized its look to make it match the old site in terms of colors and overall style. Additionally, I modified his Summary Block to turn the title into a slide-in element that would show up only on hover, enticing users to click through to see the gallery behind it.

 
Beatriz Caraballo

Hey! I’m B, a customization expert.

I code the heck out of Squarespace and teach other designers how to do it too, one wtf at a time.

https://beatrizcaraballo.com
Previous
Previous

Custom event page layout

Next
Next

User-friendly custom fixtures block