How to make a single section full-bleed (SQSP 7.1)

LINK: https://kazoo-bat-bap7.squarespace.com/people

PASSWORD: 1234

/////////////////////////////////////

Hello,

I am losing my mind trying to create a split layout header design like this:

My strategy was to create a section with a text block and an image block side by side, then to target the specific section and make the content full-bleed through custom CSS removing the padding. The problem is that the div to which the padding is associated has a "yui" id which changes at every page reload, so I do not know which selector to use to make this all happen. I can get the desired effect by removing the side padding from the .content-wrapper class, but that obv applies to the whole page which is not what I am after.....

 😞 Help pls, been stuck on this for a while.

Have you had any luck with this? I'm having a similar issue, and haven't found anything for 7.1 yet.

You can use #block-yui of the element standing above it, so your code should look like this

#block-yui + .current-class {your css} 

Thanks everyone for the replies. I eventually gave up n this as the project timeline didn't allow me to keep spending time trying to make it work.

I confess I am astonished by how unusable 7.1 feels.... It's crazy to me that they removed the ability to duplicate a content block within a page, it makes styling of things much more labour intensive. And generally it's really hard to design and build a custom layout that clients can actually manage.... so depressing

@Hyphae agreed. 7.1 is absolute trash. They say they have a bunch of templates, but it's just one universal template and is super restrictive.