katieslee 1 Share Posted February 2 Site URL: http://www.emmaashrujones.com Hiya, I'm using collage image blocks to format testimonials on this site: https://www.emmaashrujones.com/coaching They're looking great on desktop, but on mobile, it looks like the client is peeking out over the text card. Is there a way to reduce the [vertical] overlap on mobile? Thank you! 😺 Link to post
0 tuanphan 9,592 Share Posted February 4 Add to Design > Custom CSS /* Collage block */ @media screen and (max-width:767px) { figcaption.image-card-wrapper { margin-top: 10px !important; } } katieslee 1 Email me if you have need any help (free, of course :-D). Answer within 24 hours. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
0 katieslee 1 Author Share Posted February 21 Sorry @tuanphan - another question! The code above ended up changing how all of my image blocks look on mobile (I've temporarily taken the text out of the image block to avoid this happening, screenshot of how it was appearing attached). Is there a way of applying this reduced margin to specific image block formats? I would like this margin to be reduce on "collages" only (ie. not images and captions formatted as 'stack', 'overlap' 'cards' and so on). Is this possible? Link to post
Question
katieslee 1
Site URL: http://www.emmaashrujones.com
Hiya,
I'm using collage image blocks to format testimonials on this site: https://www.emmaashrujones.com/coaching
They're looking great on desktop, but on mobile, it looks like the client is peeking out over the text card.
Is there a way to reduce the [vertical] overlap on mobile?
Thank you! 😺
Link to post
Top Posters For This Question
3
1
Popular Days
Feb 2
1
Feb 4
1
Feb 6
1
Feb 21
1
Top Posters For This Question
katieslee 3 posts
tuanphan 1 post
Popular Days
Feb 2 2021
1 post
Feb 4 2021
1 post
Feb 6 2021
1 post
Feb 21 2021
1 post
Popular Posts
tuanphan
Add to Design > Custom CSS /* Collage block */ @media screen and (max-width:767px) { figcaption.image-card-wrapper { margin-top: 10px !important; } }
Posted Images
3 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment