Move Video Blocks behind other layers with z-index

Does anyone know how to ensure that video blocks will remain behind other layers? I have created a slightly transparent sidebar menu on a site and it it floats above most of the content but with video blocks, it is very random - some videos sit under it and some above. Does anyone know how to make sure that the menu floats above all the video blocks? (example here) I've tried targeting video blocks with z-index code but it's not working...

Hi,

Can you share link to page where you use video?

On 6/13/2023 at 9:25 AM, tuanphan said:

Hi,

Can you share link to page where you use video?

Hi Tuanphan, sorry for the late reply. I am not getting notifications when people reply to topics... Yet I got a notification about a thread I had no part in earlier. Very strange!  🤷‍♀️

Here is an example of a page. If you scroll down to the "Moving Image" section you will see what I mean. It's so random... Some of the videos are under the sidebar menu and some above...

Would be grateful if you can shed any light on why this is happening or how to fix this! Ideally would like all videos to sit under sidebar menu.

On 6/22/2023 at 8:26 AM, tuanphan said:

Add this to Design > Custom CSS

[data-section-id="63e6579c5fb90602c9a2451a"] {
    z-index: 999 !important;
}

 

Hi Tuanphan, again I must apologise for my later reply. I was away last week and I didn't receive a notification - I have just seen your post and tried the code and it worked! Than you so much! You're the best! 🌟🙏