Image block on mobile - reducing padding around text

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

Hi, have you got the link to your page?

Hi Erika,

Link to my page: https://sealion-poodle-8mph.squarespace.com

Password: welllivedlife

Just tweak the 15px amount according to taste 🙂

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)

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;
}

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?

Thank you so much! Perfect once again 🙂