Jump to content

Help with gallery hover in brine 7.0

Recommended Posts

Hello, I would love to have some help ! 


I added a hover zoom effect on gallery, it works perfectly but I would like to preserve the block border so the next image of the gallery don't pop out from the border. 

Here is a gif of my website problem : https://share.getcloudapp.com/jku4JwBp


And also I would like to hide the "back button" when it's on the first image. And same for the "next button" when it's on the last image.

https://www.baptistewery.com/ password : 070809baptiste

Here it's my code 

.sqs-gallery-design-strip {

.sqs-gallery-design-strip-slide {
  transition: transform 700ms;
.sqs-gallery-design-strip-slide:hover {
transform: scale(1.2);
z-index: 1;
  border:2px solid white;

.sqs-gallery-design-strip img {border-radius:6px;}

.sqs-gallery-design-strip-slide {  



Thanks a lot ! 

Link to comment
  • Replies 0
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • 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.