Change background colour

Hello Squarespace enthusiasts! 

In desperate need of help! 

Getting really frustrated with this line of code that all of a sudden isn't working. 

It's a simple split background colour. Customised for mobile as well. 

Code below that was working fine and now all of a sudden it isn't... 

https://www.studiohuxley.co.uk/

Password: hello 

Would really appreciate any help 🙂

Target section is on the home page. Image attached. 

//Section split colour background home page services - Start//

section[data-section-id="6347fe9e12a5c627d0cbbb5a"] {
 .section-background {
    margin-bottom: 22%;
    position: absolute;
  }
  & {
      background-color: #F6F4F9!important;
  }
}

@media only screen and (max-width: 600px) {
  section[data-section-id="6347fe9e12a5c627d0cbbb5a"] {
     .section-background {
    margin-bottom: 220%;
    position: absolute;
  }
  & {
      background-color: #F6F4F9!important;
  }
}
  }

51 minutes ago, huxleymann said:

Hello Squarespace enthusiasts! 

In desperate need of help! 

Getting really frustrated with this line of code that all of a sudden isn't working. 

It's a simple split background colour. Customised for mobile as well. 

Code below that was working fine and now all of a sudden it isn't... 

https://www.studiohuxley.co.uk/

Password: hello 

Would really appreciate any help 🙂

Target section is on the home page. Image attached. 

//Section split colour background home page services - Start//

section[data-section-id="6347fe9e12a5c627d0cbbb5a"] {
 .section-background {
    margin-bottom: 22%;
    position: absolute;
  }
  & {
      background-color: #F6F4F9!important;
  }
}

@media only screen and (max-width: 600px) {
  section[data-section-id="6347fe9e12a5c627d0cbbb5a"] {
     .section-background {
    margin-bottom: 220%;
    position: absolute;
  }
  & {
      background-color: #F6F4F9!important;
  }
}
  }

Try

section[data-section-id="6347fe9e12a5c627d0cbbb5a"].page-section .section-border {
  background-color: #F6F4F9!important;
}

@media only screen and (max-width: 600px) {
  section[data-section-id="6347fe9e12a5c627d0cbbb5a"].page-section .section-border {
    background-color: #F6F4F9!important;
  }
}

55 minutes ago, huxleymann said:

Getting really frustrated with this line of code that all of a sudden isn't working. 

It's a simple split background colour.

Squarespace made a change to sections last week (adding a section-border class) and it appears to have caused some unexpected issues. See this post: