How to make two sections on page overlap?

Plasmic Studio Questions
1

I have two sections on a landing page I want to overlap.
Tried it with negative margin - but the above section is overlapped by the below section - which is the opposite of what I want.
usually this kind of problem is solved by the z-index. so I changed the z value under “Transform” but that didn’t change anything.
Is there another way to achieve what I want?

2

Hi @still_peacock,
I think you should change the z-index under position section. It’s hidden by default and will show up when you click on the expand arrow.

image.png

3

Thanks for the answer @zonal_mammal :smile:

4

thanks :slightly_smiling_face:

5

another issue:

where could this thin line be coming from?

image.png
image.png1884×506 135 KB

6

I create the rounded effect by having a white .svg at the top of the dark section.
but it has no border

7

must be a browser rendering issue.
solved it, by giving the section a -2px margin-top

8

@still_peacock Regarding the thin line, is your browser zoomed in or out at all?

9

the line was appearing on different zoom levels and alternating between 1-2 px depending on the zoom level.
What zoom-level made it (dis)appear was different depending on the browser.

10

Frustrating!