Jump to content

Rounded corners on Instagram block

Recommended Posts

  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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