deniselibelle Posted April 13, 2021 Share Posted April 13, 2021 Site URL: https://www.rustyling.com/ Hello, I like to have my images in full width without cropping in the mobile version. Is there any css I can add? https://www.rustyling.com/visuals Thank you so much for your support! Link to comment
tuanphan Posted April 17, 2021 Share Posted April 17, 2021 Hi. You mean this image? Add to Design > Custom CSS /* resize mobile image */ @media screen and (max-width:767px) { [data-section-id="606464dfbfd0893051c23f02"] { min-height: unset !important; height: 50vh; } } Do similar for other images. Use this tool to find data section id. 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
deniselibelle Posted April 20, 2021 Author Share Posted April 20, 2021 Hello, I mean this page : https://www.rustyling.com/visuals. Every second picture is in full width, but it's cropped in mobile version and I like to change the cropping for the mobile version. Link to comment
tuanphan Posted April 21, 2021 Share Posted April 21, 2021 11 hours ago, deniselibelle said: Hello, I mean this page : https://www.rustyling.com/visuals. Every second picture is in full width, but it's cropped in mobile version and I like to change the cropping for the mobile version. Hi. Can you take screenshot of images which you want to fix? 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
tuanphan Posted April 23, 2021 Share Posted April 23, 2021 Hi. Try adding to Design > Custom CSS (this code for first image, If it works, I will check for other images) /* resize mobile image */ @media screen and (max-width:767px) { [data-section-id="606464dfbfd0893051c23f02"] { min-height: unset !important; height: 60vh; } } 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
deniselibelle Posted April 27, 2021 Author Share Posted April 27, 2021 It works perfectly !!! Can you send me the css for the other images as well? Thank you so much! Link to comment
tuanphan Posted May 3, 2021 Share Posted May 3, 2021 On 4/27/2021 at 9:35 PM, deniselibelle said: It works perfectly !!! Can you send me the css for the other images as well? Thank you so much! Edit above code to this /* resize mobile image */ @media screen and (max-width:767px) { [data-section-id="606464dfbfd0893051c23f02"] { min-height: unset !important; height: 60vh; } [data-section-id="606637d7fec9126d3150d213"] { min-height: unset !important; height: 60vh; } } Repeat for other images. use this tool to find data section id. https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en 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
deniselibelle Posted May 5, 2021 Author Share Posted May 5, 2021 OMG WE MADE IT! I'M SO HAPPY! THANK YOU SO SO MUCH !!!!!! 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