capitalgcreatives Posted August 9, 2023 Share Posted August 9, 2023 Hi folks! I have two blog pages on my website that use a masonry layout. I want one blog to have three columns and the other to have two columns. Is there a way to do this with code, as it changes both when I change one. Thank you! Link to comment
Ziggy Posted August 10, 2023 Share Posted August 10, 2023 8 hours ago, capitalgcreatives said: as it changes both when I change one This really bugs me! You could use a Grid layout for one of them? Can you share the page URL of the one you want to be 2 columns? 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
capitalgcreatives Posted August 31, 2023 Author Share Posted August 31, 2023 @Ziggy I totally missed your response! I'm wanting this page to be two columns. https://potato-heptagon-lpy4.squarespace.com/projects pw: studio23 I could do grid, but then I can't have the masonry option that the client wants. so I have to keep it as masonry. Link to comment
tuanphan Posted September 3, 2023 Share Posted September 3, 2023 To make /projects page to 2 columns, you can use this code to Website > Website Tools > Custom CSS /* Masonry 2 columns */ body#collection-648fc1e8e5266d31b47cc150 { div#BlogMasonryContainer { columns: 2; column-gap: 0; height: auto!important; display: block!important; padding: 0 5px; } div#BlogMasonryContainer article { position: relative!important; transform: none!important; width: 100%!important; display: block; padding: 5px!important; box-sizing: border-box; } div#BlogMasonryContainer article img { height: 100%!important; width: 100%!important; }} body#collection-648fc1e8e5266d31b47cc150 is Project page ID Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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