Jump to content

Round corners of grid gallery thumbnails

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

Link to comment
  • Replies 8
  • Views 3.8k
  • Created
  • Last Reply
  • 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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

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