How do I create a "Slide up Summary Carousel Item on Hover" effect in Squarespace 7.1?

SITE URL:  imdanielduncan.com

Hi,

I was wondering if there is any way I can create a "Slide up Summary Carousel Item on Hover" in Squarespace, like the one seen on https://schwartz-edmisten.com/? I am on version 7.1 and have the personal plan. If anyone can help me achieve this effect on Squarespace, that would be great.

Thanks!

Daniel Duncan

This is possible in Personal Plan.

Where is Summary on your site?

Currently, it's on a page called "Test Layouts" (imdanielduncan.com/testlayouts)

The password is: 22_redesign

It should be the 4th section on the page

5 hours ago, tuanphan said:

Add to Design > Custom CSS

/* Slide up summary */
.summary-item:hover .summary-thumbnail-outer-container {
    -webkit-box-shadow: 0px 30px 63px -32px rgba(0,0,0,.35);
    box-shadow: 0px 30px 63px -32px rgba(0,0,0,.35);
    -webkit-transform: translatey(-10px);
    -ms-transform: translatey(-10px);
    transform: translatey(-10px);
    transition: all 0.3s ease;
}
.summary-thumbnail-outer-container {
    transition: all 0.3s ease;
}

 

That worked! Thank you so much!