Custom Code in block Squarespace 7.1

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;
        }
}

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!

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?

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!