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? Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword HighlighterIf you find my answer fit your need, 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 Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword HighlighterIf you find my answer fit your need, 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