bamab Posted November 19, 2022 Share Posted November 19, 2022 I have this code, but what I want to achieve is spacing/offset of each image, like I have it on my desktop version. Can I controll it here by some new value/command at this code? Thank u for any help in advance 🙏 /* Masonry one item on mobile */ @media screen and (max-width:767px) { .gallery-masonry-wrapper.gallery-masonry-list--ready { height: auto !important; } figure.gallery-masonry-item { position: relative !important; width: 100% !important; display: block !important; transform: unset !important; } .gallery-masonry-item-wrapper { height: auto !important; } .gallery-masonry .gallery-masonry-item[data-loaded] img { width: 100% !important; } .gallery-masonry { padding-left: 0 !important; padding-right: 0 !important; } } Link to comment
Beyondspace Posted November 20, 2022 Share Posted November 20, 2022 18 hours ago, bamab said: I have this code, but what I want to achieve is spacing/offset of each image, like I have it on my desktop version. Can I controll it here by some new value/command at this code? Thank u for any help in advance 🙏 /* Masonry one item on mobile */ @media screen and (max-width:767px) { .gallery-masonry-wrapper.gallery-masonry-list--ready { height: auto !important; } figure.gallery-masonry-item { position: relative !important; width: 100% !important; display: block !important; transform: unset !important; } .gallery-masonry-item-wrapper { height: auto !important; } .gallery-masonry .gallery-masonry-item[data-loaded] img { width: 100% !important; } .gallery-masonry { padding-left: 0 !important; padding-right: 0 !important; } } Can you share your site with the protected password so I can take a look? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
bamab Posted November 20, 2022 Author Share Posted November 20, 2022 sure 👍🏻😊 its www.progressm.cz Link to comment
tuanphan Posted November 23, 2022 Share Posted November 23, 2022 On 11/21/2022 at 5:04 AM, bamab said: sure 👍🏻😊 its www.progressm.cz Add some attributes to this code figure.gallery-masonry-item { position: relative !important; width: 100% !important; display: block !important; transform: unset !important; } It will be figure.gallery-masonry-item { position: relative !important; width: 100% !important; display: block !important; transform: unset !important; margin-bottom: 50px; margin-left: 20px; margin-right: 20px; width: calc(~"100% - 40px") !important; } 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment