Krys23 Posted September 30, 2021 Share Posted September 30, 2021 Hey everyone! I've been trying to apply the attached code (using the .grid-item class) to an image/link that's inside of a Portfolio Grid for the past hour. 😑 Is this possible? .gallery-grid-item img:hover {height:100%!important; width:100%!important; transform:Scale(1.2); overflow:hidden!important; transition-duration:1s} .gallery-grid-item {overflow:hidden!important} Link to comment
Beyondspace Posted September 30, 2021 Share Posted September 30, 2021 59 minutes ago, Krys23 said: Hey everyone! I've been trying to apply the attached code (using the .grid-item class) to an image/link that's inside of a Portfolio Grid for the past hour. 😑 Is this possible? .gallery-grid-item img:hover {height:100%!important; width:100%!important; transform:Scale(1.2); overflow:hidden!important; transition-duration:1s} .gallery-grid-item {overflow:hidden!important} Can you share your url with protected password? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 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
Krys23 Posted October 1, 2021 Author Share Posted October 1, 2021 2 hours ago, bangank36 said: Can you share your url with protected password? https://ellipsoid-sheep-a8d9.squarespace.com/ password: website1 thank you! Beyondspace 1 Link to comment
Beyondspace Posted October 1, 2021 Share Posted October 1, 2021 4 hours ago, Krys23 said: https://ellipsoid-sheep-a8d9.squarespace.com/ password: website1 thank you! Try in Design > Custom Css section[data-section-id="6153b69fd17b870f6ac9ffed"] { .grid-item { .grid-image-inner-wrapper { img { transition: transform 1s; } } &:hover { .grid-image-inner-wrapper { img { transform: scale(1.5); } } } } } Krys23 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 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
Krys23 Posted October 1, 2021 Author Share Posted October 1, 2021 6 hours ago, bangank36 said: Try in Design > Custom Css section[data-section-id="6153b69fd17b870f6ac9ffed"] { .grid-item { .grid-image-inner-wrapper { img { transition: transform 1s; } } &:hover { .grid-image-inner-wrapper { img { transform: scale(1.5); } } } } } Works perfectly, thank you so much. Beyondspace 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment