rham Posted November 22, 2022 Share Posted November 22, 2022 Hi there, Does anybody have custom CSS to have rounded corners on the image posts on the Instagram block? Thanks so much 🙏 Link to comment
Ziggy Posted November 23, 2022 Share Posted November 23, 2022 Try this Custom CSS: .sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor[href] img { border-radius: 20px; } Let me know if that helps! Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
rham Posted November 23, 2022 Author Share Posted November 23, 2022 1 hour ago, Ziggy said: Try this Custom CSS: .sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor[href] img { border-radius: 20px; } Let me know if that helps! Hi Ziggy, thanks so much for getting back to me. It's not working - it's rounding the edges in a weird way (see attached). Link to comment
Ziggy Posted November 23, 2022 Share Posted November 23, 2022 Strange, what if you adjust the 20px to smaller? How big are the images? Can you share your website URL? Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
rham Posted November 23, 2022 Author Share Posted November 23, 2022 1 hour ago, Ziggy said: Strange, what if you adjust the 20px to smaller? How big are the images? Can you share your website URL? Hi Ziggy, I removed 'img' from the code you sent over and it works perfectly now! So: .sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor[href] { border-radius: 20px; } Thanks again! Sophia and jaksdigital 2 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