Split sections suddenly not working

Hi there,

I'd previously used the following code to achieve a split screen layout, and it was working brilliantly up until recently. 

// Split section 1 //

@media @desktop {

  [data-current-styles*='"customContentWidth": 47'] {
    padding-top:0px !important;
  
  .section-background {
    width:50% !important;  
  }}
}

[data-current-styles*='"customContentWidth": 47']::before {
    content:"";
    background-image:url("https://static1.squarespace.com/static/5e67b77216532e7300a0c99d/t/63481b909be9e00a517b2e48/1665670046547/Engaged+nursery+worker.png");
    background-size:cover;
    position:absolute;
    width:50%;
    height:100%;
    right:0px;
  }

(There is a section directly below this one that isn't working either).

It's on this page: https://www.birminghamearlyyearsnetworks.org/nytb

Any help really appreciated!

You'll have to replace:

.section-background

with

.page-section .section-border

Squarespace changed their HTML setup for backgrounds recently. I would suggest checking where you got the code originally, they might have updated it and tested it.

Thank you. Yes I did check with the code source but they haven't posted any changes.

That doesn't seem to be working for me, in fact it removes what's left of the split section and creates just one image.

I'm not familiar with this code specifically. Where did you source it? Paid or free?

No problem, thank you. It was part of a toolkit from Squarestylist Standout Squarespace course – I'm no longer a member of it, but I'll reach out and see if there's any help I can get there. 

Glad that worked for you without the .page-section!

Hi @LouiseDrever Rache here of Standout Squarespace. You may always reach out to me if you need help with any of our resources even if you don't have an active membership.

Please send a direct message to me via our community (community.squarestylist.com). You may also send an email or message on instagram 🙂