Polinamireau Posted March 5, 2021 Share Posted March 5, 2021 Hello, I am trying to reduce the white space around the text on an image collage block when displayed in mobile view. I can't seem to find the CSS for that. Can someone please help? 🙂 I am using Squarespace 7.1 Link to comment
ErikaT Posted March 6, 2021 Share Posted March 6, 2021 Hi, have you got the link to your page? Link to comment
Polinamireau Posted March 10, 2021 Author Share Posted March 10, 2021 Hi Erika, Link to my page:Â https://sealion-poodle-8mph.squarespace.com Password: welllivedlife Link to comment
Solution ErikaT Posted March 10, 2021 Solution Share Posted March 10, 2021 Hi, You could try the below if you want it side-wide (mobile only) @media screen and (max-width:767px) { .image-card-wrapper .sqs-dynamic-text-container { Â Â padding: 15px !important; } } Or if you just want that particular section that you've screenshotted it would be: @media screen and (max-width:767px) { [data-section-id="6035cd4ae85bca53ec1e45af"] .image-card-wrapper .sqs-dynamic-text-container { Â Â padding: 15px !important; } } Thanks! Erika doverkohl and Polinamireau 2 Link to comment
ErikaT Posted March 10, 2021 Share Posted March 10, 2021 Just tweak the 15px amount according to taste 🙂 Link to comment
Polinamireau Posted March 19, 2021 Author Share Posted March 19, 2021 Thank you so much Erika! That code worked perfectly! Now that I've done that, I'm wondering how might I edit a stacked image block that shows the photo at the top of the text on desktop, but on mobile it shows photo at the bottom of the text? I would like the photo to be at the top of the text no matter what width. Page:Â https://sealion-poodle-8mph.squarespace.com/about (halfway down) Â Link to comment
ErikaT Posted March 20, 2021 Share Posted March 20, 2021 Hi Polina, Glad that worked, could you please try the below 🙂 @media screen and (max-width:640px) { div .sqs-block-image .image-block-outer-wrapper.image-block-v2 {   flex-direction: column!important; } tuanphan 1 Link to comment
tuanphan Posted March 22, 2021 Share Posted March 22, 2021 On 3/20/2021 at 3:18 AM, Polinamireau said: Thank you so much Erika! That code worked perfectly! Now that I've done that, I'm wondering how might I edit a stacked image block that shows the photo at the top of the text on desktop, but on mobile it shows photo at the bottom of the text? I would like the photo to be at the top of the text no matter what width. Page: https://sealion-poodle-8mph.squarespace.com/about (halfway down)  Do you still need help? 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
Polinamireau Posted March 22, 2021 Author Share Posted March 22, 2021 Thank you so much! Perfect once again 🙂 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