benstevens05 Posted October 18, 2023 Share Posted October 18, 2023 Hi, what code do I need to add to format the checkbox options into multiple columns? https://www.oppidaneducation.com/families/11-plus-journey#top-independent-schools Link to comment
Ziggy Posted October 18, 2023 Share Posted October 18, 2023 Try adding this Custom CSS: .form-field-checkbox-layout-stack .sqs-block-form .form-item.checkbox { flex-direction: row; } 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! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
benstevens05 Posted October 18, 2023 Author Share Posted October 18, 2023 Thanks @Ziggy, that worked! And how do I make the columns all align? You can see they're not quite straight. Ziggy 1 Link to comment
Ziggy Posted October 18, 2023 Share Posted October 18, 2023 Add a minimum width to each of the checkbox items. 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! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
CesO Posted November 22, 2023 Share Posted November 22, 2023 @Ziggy This is great! Can you give an example of how to implement a min-width? Link to comment
Ziggy Posted November 22, 2023 Share Posted November 22, 2023 add this inside the previous code and adjust the value: min-width:200px; 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! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? 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