Use of 'Section Bottom Separator' Over Below Background

[NicholasKS]

Hey there,

I have a number of sections on my Pro page. The 2nd section is pure white, and I would like to add a bottom separator to this section, that is also pure white. However when I try and enable this bottom separator, it does not render on the preview, nor the live page.

I think this is because the 3rd section uses column background images, and the section bottom separator is rendering below these images.

Is there any way to get a section bottom separator displaying above background images of the following section?

Thanks,

Nick

[ruenel]

Hello Nick,

Thanks for writing in! If you want to add a Curve out separator, please add a section topseparator in the 3rd section instead.

Hope this helps. Kindly let us know.

[NicholasKS]

Hi @RueNel,

Thanks for the response!

Unfortunately this does not work. I have made the section top separator a red colour so you can temporarily see what its affecting. Any other alternative methods?

Cheers,

Nicholas

[christian]

Hey Nicholas,

For an alternative, let us return to your first post. The reason why the bottom separator of the 2nd section won’t work is because of z-index stacking. You need to set the z-index of the 2nd section higher than the section below it.

Please see the screencast in the secure note demonstrating that this will work.

Thanks.

[NicholasKS]

Hi @christian_y,

Thank you so much for your help!

This 100% works!

Thanks,

Nicholas

[ruenel]

You’re welcome!
We’re glad @Christian_y were able to help you out.