Round corners of grid gallery thumbnails

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! 🙂 

Try this littie bit of custom css

.section { border-radius: 8px; -webkit-border-radius: 8px; -moz-

border-radius: 8px; }

https://blog.squarespace.com/blog/2009/4/10/rounding-the-corners.html

6 minutes ago, derricksrandomviews said:

Try this littie bit of custom css

.section { border-radius: 8px; -webkit-border-radius: 8px; -moz-

border-radius: 8px; }

https://blog.squarespace.com/blog/2009/4/10/rounding-the-corners.html

Thanks for the suggestion, I tried this a couple of time and it doesn't appear to make any changes.

I found the solution!

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

No, I can' get my index page thumbnails to round off either, nothing happens with any code I put in. 

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!

@sam-taylor For 

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

How do I find the block id?

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

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