Jump to content

Round corners of grid gallery thumbnails

Go to solution Solved by sam-taylor,

Recommended Posts

Hi there, I have very little knowledge of CSS  and have done many searches for this but haven't come across anything that solves my problem.

I want to round the corners of each thumbnail displayed in a grid gallery, I am using the "Wells" template.

I have attached a screenshot demonstrating this as my site isn't public yet.

Any help would be much appreciated! 🙂 

 

Screenshot 2020-04-18 at 19.07.35.jpg

Edited by sam-taylor
changed "gallery grid" to "grid gallery" in title
Link to comment
  • 5 weeks later...
  • 3 months later...

I would also like to make the thumbnails on my site circular.

I've managed to input custom CSS which has changed the blog thumbnails, but want to apply the same style to image cards and gallery grids.

The site is not yet live so not sure how to show you which pages I want to amend...

Thanks for your help!

Link to comment
18 hours ago, 34535 said:

@sam-taylor For 

#block-[block id]
img{
    border-radius:1%;
}

 

How do I find the block id?

Use this extension: https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 9/11/2020 at 1:13 PM, Tess said:

I would also like to make the thumbnails on my site circular.

I've managed to input custom CSS which has changed the blog thumbnails, but want to apply the same style to image cards and gallery grids.

The site is not yet live so not sure how to show you which pages I want to amend...

Thanks for your help!

You can setup password & share url

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.