Jump to content

Add space between photos and round the photo edges in a gallery slideshow:reel.

Recommended Posts

  • Replies 6
  • Views 1.5k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

2 minutes ago, TheSquareSpacer said:

Add this Code to Design > Custom CSS

.gallery-reel-item-src {
    margin: 20px 36px !important;
}

let me know how it goes

It added spaces between the images, but the image corners were not rounded. Still needing help on CSS to add rounded corners. 

Link to comment
  • 1 year later...

Hi @tuanphan

Im trying to use this code to add margin between the pictures and round corners but only the top left and right bottom corner appear with radius. Can you help me change the code to give all the corners a radius?

.gallery-reel-list * {
    border-radius: 10px !important;
}

.gallery-reel-item-src {
    margin: 20px 36px !important;
}

This is the website: 
https://braceforimpact.squarespace.com/aanbod
PW: Braceforimpact12

Link to comment

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.