hannahpellatt Posted November 30, 2021 Share Posted November 30, 2021 Site URL: https://pentagon-snail.squarespace.com/lead-magnet Hey guys – I'm trying to move the text and image together on this banner. If anyone can work out the custom CSS for me – and also any tips on how to fix similar problems in the future so I don't have to bother you lot... Thank you! Password: kerri2021 Link to comment
Beyondspace Posted November 30, 2021 Share Posted November 30, 2021 1 hour ago, hannahpellatt said: Site URL: https://pentagon-snail.squarespace.com/lead-magnet Hey guys – I'm trying to move the text and image together on this banner. If anyone can work out the custom CSS for me – and also any tips on how to fix similar problems in the future so I don't have to bother you lot... Thank you! Password: kerri2021 You can try adding to Home > Design > Custom Css #block-4a52e420e4d2dfda204b { .image-card-wrapper { margin-right: 0 !important; } .sqs-block-content { .sqs-block-image-figure { justify-content: center; } } } Let me know how it works on your site Press 👍 or mark this answer as solution to help another one too tuanphan 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) 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 November 30, 2021 Share Posted November 30, 2021 My testing result BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) 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
hannahpellatt Posted December 5, 2021 Author Share Posted December 5, 2021 I got the same result, thank you! I'm wondering if it's possible to reduce the spacing between image and text even further... any tips? Link to comment
tuanphan Posted December 8, 2021 Share Posted December 8, 2021 On 12/5/2021 at 8:25 PM, hannahpellatt said: I got the same result, thank you! I'm wondering if it's possible to reduce the spacing between image and text even further... any tips? To reduce space, you can add 2 spacer blocks on left/right of image. Or add this CSS @media screen and (min-width:768px) { div#block-4a52e420e4d2dfda204b { width: 65%; margin: 0 auto; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care 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