Drewster Posted January 13, 2021 Share Posted January 13, 2021 Site URL: https://mypersonaltestingwebsite.squarespace.com/agenda Hello everyone, Currently trying out some custom coding and I am having some width-related issues as the image in the background should cover the whole background and not only the code section as you can see on the page: https://mypersonaltestingwebsite.squarespace.com/agenda Can anyone tell me how to have a full width code section with 0 padding top/bottom visualisation of this timeline? Thanks a lot for your patience! Looking forward for your answer! Link to comment
Beyondspace Posted January 14, 2021 Share Posted January 14, 2021 (edited) 2 hours ago, Drewster said: Site URL: https://mypersonaltestingwebsite.squarespace.com/agenda Hello everyone, Currently trying out some custom coding and I am having some width-related issues as the image in the background should cover the whole background and not only the code section as you can see on the page: https://mypersonaltestingwebsite.squarespace.com/agenda Can anyone tell me how to have a full width code section with 0 padding top/bottom visualisation of this timeline? Thanks a lot for your patience! Looking forward for your answer! You did a good job with the slider! Please try what I changes to see if it work, in Design->Custom CSS section[data-section-id="5ffde71ac787b51b434a31e9"] .content-wrapper { padding: 0 !important; } @media only screen and (min-width: 640px) { section[data-section-id="5ffde71ac787b51b434a31e9"] .content-wrapper .timeline-container { padding-left: 25%; padding-right: 25%; box-sizing: border-box; } } Edited January 14, 2021 by bangank36 tuanphan 1 Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword HighlighterIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
Drewster Posted January 14, 2021 Author Share Posted January 14, 2021 Hi Bangank! Thank you for your answer! I just adapted the CSS as you suggested but as soon as I injected it, the only change I was able to see was that the left-sided content moved to the center while the background size hasn't changed. Again, really appreciate your support on this! Link to comment
tuanphan Posted January 17, 2021 Share Posted January 17, 2021 On 1/14/2021 at 3:05 PM, Drewster said: Hi Bangank! Thank you for your answer! I just adapted the CSS as you suggested but as soon as I injected it, the only change I was able to see was that the left-sided content moved to the center while the background size hasn't changed. Again, really appreciate your support on this! Do you still need help on this? 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
Drewster Posted January 19, 2021 Author Share Posted January 19, 2021 Ehi Tuanphan, sorry for the delayed answer, anyway we're gonna implement it on a Squarespace 7.0 version and the code seems to fill the whole vw, I'll give you an heads up if I get any issue about that later on, thank you both for your availability! tuanphan and Beyondspace 2 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