css Squarespace Custom Divider (CSS)

Site URL: https://lohanne-quintella.squarespace.com

Hi there,

I am trying to get a custom section divider but I can't figure out how to me this work. When I add this code, the section gets upside down. If someone could give a hand, that would be greatly appreciated. I am using the follow code from this site: https://www.shapedivider.app

section[data-section-id="6238d5e7ce65a86aa6d2c041"],
.custom-shape-divider-bottom-1648231165 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1648231165 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 102px;
}

.custom-shape-divider-bottom-1648231165 .shape-fill {
    fill: #FFFFFF;
}

On 3/26/2022 at 2:03 AM, HunterD said:

Site URL: https://lohanne-quintella.squarespace.com

Hi there,

I am trying to get a custom section divider but I can't figure out how to me this work. When I add this code, the section gets upside down. If someone could give a hand, that would be greatly appreciated. I am using the follow code from this site: https://www.shapedivider.app

section[data-section-id="6238d5e7ce65a86aa6d2c041"],
.custom-shape-divider-bottom-1648231165 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1648231165 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 102px;
}

.custom-shape-divider-bottom-1648231165 .shape-fill {
    fill: #FFFFFF;
}

 

URL: https://lohanne-quintella.squarespace.com

Pass: Lohannequintella

Do you mean you want to set this section the the following one into 2 columns in one row?

Not really, it was just a custom section divider, but I managed to get it done, after hours of work! Thank you!!