CooperBlack Posted March 12, 2022 Share Posted March 12, 2022 Site URL: https://raccoon-oarfish-szer.squarespace.com I would like rounded corners of the Gallery thumbnails in Projects and the thumbs in Process (blog). I've tried using code mentioned in other posts, but nothing seems to affect the thumbnails. I've tried selectors like .grid-item .grid-image and .gridThumbs but I'm not seeing the right one! Pwd. Largeosity Link to comment
Caroline_Smith Posted March 12, 2022 Share Posted March 12, 2022 Hello! Try this code snippet. You can paste this into Design > Custom CSS, or if you only want those 2 grids to be affected, you will need to copy and paste the code snippets separately into their respective page header code injection (if you are using the latter option, don't forget to wrap the CSS in surrounding "<style> ... </style>" tags: /* Portfolio Page - Rounded Corners */ .portfolio-grid-overlay .grid-item .grid-image, .portfolio-grid-overlay .grid-item .portfolio-overlay { border-radius: 20px; } /* Portfolio Page - Rounded Corners */ /* Blog - Rounded Corners */ .blog-basic-grid .image-wrapper { border-radius: 20px; } /* Blog - Rounded Corners */ Nick.Loubser 1 Feel free to email me with any customization inquiries or questions you may have! Free Squarespace Resources: DevTools Minicourse, 11-Step Guide to Improve Custom CSS, Free Product/Pricing Comparison Table Generator Link to comment
CooperBlack Posted March 13, 2022 Author Share Posted March 13, 2022 Thank you Caroline, much appreciated! For future reference, do you know how the images on the gallery and blog grid pages can could be adjusted? Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment