How to Create Overlapping Elements with Z-Index / Negative Margin

I love oxygen and these tutorials.

Thanks for this tut! Worked great for me. Had to adjust for mobile as well but worked great.

Pro tip - if you have a shape divider at the top of a section over which you want to place a div, you need to specify overflow: visible !important; in a custom css sheet for the section with the shape divider. Pretty sure you can't overlap unless you do that - at least on my computer.

The thing is, the shape divider at the top forces an overflow: hidden. Not even going into the section layout and selecting overflow: visible will override it.

Awesome trick man

True responsiveness. Mobile sites will never look the same. Thanks Louis.

be good to show how you create it as blog template for multiple posts, whereby it alternates between left image and right image.

Anyone know how to create the highlight effect behind Z-Index and Negative Margin? I found a way using 4 text blocks and a div but I think there's got to be a better way.
Great video as usual!

How do I center the separator :after? I tried this and it works but only aligning left, can I center it too?

THX Luis!

The only builder i love to design sites with was never a page builder fan till i found you guys. Keep up the good work.

Is it possible to do something like this in Elementor?

Thanx a lot. Very clear. Thanx for mobile layout example.

Another great video Louis 👍🏻

Oxygen is a real game changer.