organic_emma Posted October 27, 2022 Posted October 27, 2022 Hi there, I'm just wanting to round the corners of the list section background card so it matches the curved corners used throughout the rest of the site - is there some css to do this? Thanks!
organic_emma Posted October 27, 2022 Author Posted October 27, 2022 Also wanting to left align the bullet point text in the list card and add a border around the circle images. It's on the home page: https://www.workingarmour.com.au/
Solution Ziggy Posted October 27, 2022 Solution Posted October 27, 2022 Hi @organic_emma hope this helps! Add to your Custom CSS: .user-items-list-carousel .list-item { border-radius:20px; } .user-items-list-carousel .list-item[data-is-card-enabled="true"] .list-item-content__description { text-align:left; } [data-is-media-enabled="true"] .user-items-list-carousel__media-inner[data-media-aspect-ratio="circle"] { border: 4px solid rgb(178,5,61); } If you want this to apply just to that section, I can add a section target for you. AlisonJ and organic_emma 1 1 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?
organic_emma Posted October 27, 2022 Author Posted October 27, 2022 Thank you so much that is absolutely PERFECT!
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment