El1z4b3th Posted January 8, 2022 Share Posted January 8, 2022 Site URL: https://onthegrow.squarespace.com/ Hi, In editing mode my image overlap format looks as the attached first image. However once I click out of edit mode and view as published, the result is much less 'overlapped' like the 2nd image attached. Is there an easy fix for this? I seem to have this problem across all my squarespace sites with this block. You can find the image overlap in question near the bottom of the 'about' page. Site password: OTG123 Thank you in advance! Link to comment
tuanphan Posted January 10, 2022 Share Posted January 10, 2022 Try adding to Design > Custom CSS /* about image overlap */ @media screen and (min-width:992px) { div#block-yui_3_17_2_1_1641591668426_33572 figcaption.image-card-wrapper { margin-left: -10%; } } El1z4b3th 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
dv_louise_designs Posted March 18, 2022 Share Posted March 18, 2022 Hey @tuanphan @bangank36! Wondering why my mobile view of homepage image card has weird blocky text background when it should like it does in desktop mode?? site: www.adeptbenefits.com pass: Employee180! Link to comment
tuanphan Posted March 19, 2022 Share Posted March 19, 2022 You used a padding-bottom: 20px code on mobile. IT caused problem. Add this to Design > Custom CSS to override it /* Image text problem mobile */ @media screen and (max-width:767px) { .image-title h1 { padding-bottom: 0 !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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