KaijuCorgi Posted April 12, 2022 Share Posted April 12, 2022 Site URL: https://www.apertureconsultinggroup.com/home I added some background card styling to my footer in Brine, and it looks correct except the columns within the row won't squash down (get narrower) to all fit on one row. Even when my browser window is huge, the blocks just get bigger and the third item remains on the next row. I did this before and it worked fine, but I didn't keep that version of the code 😩 Any advice? Current css for the cards: #footerBlocksTop > div > div > div.row.sqs-row > div:nth-child(1), #footerBlocksTop > div > div > div.row.sqs-row > div:nth-child(2), #footerBlocksTop > div > div > div.row.sqs-row > div:nth-child(3) { background-color: #fff; border-radius: 8px; margin: 10px; padding-top: 10px; padding-bottom: 10px; padding-right: 30px; padding-left: 30px; box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.15); } Screenshot of the issue: Link to comment
Beyondspace Posted April 12, 2022 Share Posted April 12, 2022 3 hours ago, KaijuCorgi said: Site URL: https://www.apertureconsultinggroup.com/home I added some background card styling to my footer in Brine, and it looks correct except the columns within the row won't squash down (get narrower) to all fit on one row. Even when my browser window is huge, the blocks just get bigger and the third item remains on the next row. I did this before and it worked fine, but I didn't keep that version of the code 😩 Any advice? Current css for the cards: #footerBlocksTop > div > div > div.row.sqs-row > div:nth-child(1), #footerBlocksTop > div > div > div.row.sqs-row > div:nth-child(2), #footerBlocksTop > div > div > div.row.sqs-row > div:nth-child(3) { background-color: #fff; border-radius: 8px; margin: 10px; padding-top: 10px; padding-bottom: 10px; padding-right: 30px; padding-left: 30px; box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.15); } Screenshot of the issue: Try adding to Home > Design > Custom Css #block-yui_3_17_2_1_1649279454057_8567 + .row { display: flex; } Let me know how it works on your site 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
Beyondspace Posted April 12, 2022 Share Posted April 12, 2022 My testing 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
KaijuCorgi Posted April 15, 2022 Author Share Posted April 15, 2022 Thank you so much @bangank36! I haven't been able to try this because I'm having login issues for this site, but I'm confidant that it'll work. I just wanted to let you know I saw this and I really appreciate it! I'll post again when I actually implement the code 🙂 Link to comment
KaijuCorgi Posted April 20, 2022 Author Share Posted April 20, 2022 I was able to log in and try this and it worked perfectly. Thank you so much @bangank36 Beyondspace 1 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