sam-taylor Posted April 18, 2020 Share Posted April 18, 2020 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! 🙂 Link to comment
derricksrandomviews Posted April 18, 2020 Share Posted April 18, 2020 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 Link to comment
sam-taylor Posted April 18, 2020 Author Share Posted April 18, 2020 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. Link to comment
sam-taylor Posted April 18, 2020 Author Share Posted April 18, 2020 I found the solution! #block-[block id] img{ border-radius:1%; } Link to comment
derricksrandomviews Posted May 18, 2020 Share Posted May 18, 2020 No, I can' get my index page thumbnails to round off either, nothing happens with any code I put in. Link to comment
Tess Posted September 11, 2020 Share Posted September 11, 2020 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
34535 Posted September 11, 2020 Share Posted September 11, 2020 @sam-taylor For #block-[block id]img{ border-radius:1%;} How do I find the block id? Link to comment
tuanphan Posted September 12, 2020 Share Posted September 12, 2020 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
tuanphan Posted September 12, 2020 Share Posted September 12, 2020 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
Recommended Posts
Archived
This topic is now archived and is closed to further replies.