Jump to content

Rounded corners on Instagram block

Recommended Posts

Try this Custom CSS:

.sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor[href] img {
    border-radius: 20px;
}

Let me know if that helps!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
1 hour ago, Ziggy said:

Try this Custom CSS:

.sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor[href] img {
    border-radius: 20px;
}

Let me know if that helps!

Hi Ziggy, thanks so much for getting back to me.

It's not working - it's rounding the edges in a weird way (see attached).

 

image.png

Link to comment

Strange, what if you adjust the 20px to smaller? How big are the images? Can you share your website URL?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
1 hour ago, Ziggy said:

Strange, what if you adjust the 20px to smaller? How big are the images? Can you share your website URL?

Hi Ziggy,

I removed 'img' from the code you sent over and it works perfectly now!

So:

.sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor[href] {
    border-radius: 20px;
}

Thanks again!

 

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.