How to Stack Elements so they Overlay

Posted in: Newspaper
Post count: 64
Upperloft
#517069
Sep 16, 2024 at 2:55 pm

Hi

I am sorry if this is basic question with an easy answer but how do I stack elements so one superimposes the other ? I am sure it has something to do with Z index and order etc (and not necessarily padding /margins ?) For example, I have a column with an HTML embedded video and below it, in the same row / column, I have made an inline text title. How can I get that title to float over the video ? Thanks

Post count: 21065
Bettina
#517071
Sep 16, 2024 at 3:01 pm

Hello!

You can set a value with – for the inline text margin. You can set any z-index value for any element from the CSS tab: https://app.screencast.com/56dJ0RaTP29Df

Thank you!

Post count: 64
Upperloft
#517075
Sep 16, 2024 at 5:39 pm

Thanks Bettina, but whenever I put any value in the z-index it doesn’t move. The inline text is in the same row and column as the embedded video above it.

Post count: 21065
Bettina
#517110
Sep 17, 2024 at 8:33 am

Hello!

Try to use the Video Embed shortcode, apply the full URL of your video.
Apply the negative margin and an z index 999. The result should be like this: https://app.screencast.com/TyjrmidMuUZNs

Thank you!

Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘Newspaper’ is closed to new topics and replies.