Ramon-east Posted May 9 Share Posted May 9 I found a tutorial that helps but it was made for a session with 3 columns, I couldn't understand it very well, the code was this: @media screen and (min-width: 768px) { .user-items-list-simple[data-num-columns="3"] { grid-template-columns: repeat(~"6,1fr"); } .user-items-list-simple[data-num-columns="3"] .list-item { grid-column: span 2; } .user-items-list-simple[data-num-columns="3"] .list-item:nth-child(4) { grid-column: ~"2/4"; } } How do I align this session? Link to comment
Beyondspace Posted May 10 Share Posted May 10 12 hours ago, Ramon-east said: I found a tutorial that helps but it was made for a session with 3 columns, I couldn't understand it very well, the code was this: @media screen and (min-width: 768px) { .user-items-list-simple[data-num-columns="3"] { grid-template-columns: repeat(~"6,1fr"); } .user-items-list-simple[data-num-columns="3"] .list-item { grid-column: span 2; } .user-items-list-simple[data-num-columns="3"] .list-item:nth-child(4) { grid-column: ~"2/4"; } } How do I align this session? Can you share your URL so I can check it? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
Ramon-east Posted May 10 Author Share Posted May 10 3 hours ago, Beyondspace said: Can you share your URL so I can check it? https://www.mindthesec.com.br/webinar Beyondspace 1 Link to comment
Solution Beyondspace Posted May 10 Solution Share Posted May 10 You can try adding this Custom CSS section[data-section-id="663cf59e9d606c7344735b88"] .user-items-list-item-container { display: flex; flex-wrap: wrap; justify-content: space-evenly; } section[data-section-id="663cf59e9d606c7344735b88"] .list-item { width: 23%; } My demo Let me know how it works on your site tuanphan 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. 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