technicolordaisy Posted November 24, 2021 Share Posted November 24, 2021 Site URL: https://www.mistymountainyoga.com/#yoga-offerings Hello, I am trying to make the image in the section I have linked #yoga-offerings full width, centered, and flush with the section above it on all devices. I was playing with this code but it seems to only push the image all the way left leaving the padding on the left that seems to be a part of the index page styling. #block-yui_3_17_2_1_1631202640121_19946 {margin-top: 0px; margin-right: 0px; margin-bottom:0px; margin-left: 0px; z-index:99; width: 110vw} Link to comment
Beyondspace Posted November 27, 2021 Share Posted November 27, 2021 On 11/25/2021 at 12:17 AM, technicolordaisy said: Site URL: https://www.mistymountainyoga.com/#yoga-offerings Hello, I am trying to make the image in the section I have linked #yoga-offerings full width, centered, and flush with the section above it on all devices. I was playing with this code but it seems to only push the image all the way left leaving the padding on the left that seems to be a part of the index page styling. #block-yui_3_17_2_1_1631202640121_19946 {margin-top: 0px; margin-right: 0px; margin-bottom:0px; margin-left: 0px; z-index:99; width: 110vw} I 've found that the setting 110vw caused your issue. Do you have any idea about this setting? You can add the following code in Home > Design > Custom Css to fix it #block-yui_3_17_2_1_1631202640121_19946 { width: unset; } Let me know how it works on your site Support me by pressing 👍 if this useful for you 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
Beyondspace Posted November 27, 2021 Share Posted November 27, 2021 My testing result technicolordaisy 1 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
technicolordaisy Posted November 29, 2021 Author Share Posted November 29, 2021 @bangank36 Definitely better but I would like to make the image the entire width of the screen so that the lines overflow off of the edges on all screen sizes. Link to comment
tuanphan Posted November 30, 2021 Share Posted November 30, 2021 @technicolordaisy Don't remove any code in your current code. Add to Design > Custom CSS section#yoga-offerings>div { padding-left: 0px !important; padding-right: 0px !important; } technicolordaisy 1 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
technicolordaisy Posted December 1, 2021 Author Share Posted December 1, 2021 Perfect! That worked! Thank you 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