Jump to content

Move Video Blocks behind other layers with z-index

Go to solution Solved by tuanphan,

Recommended Posts

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...

Link to comment
  • Replies 4
  • Views 429
  • Created
  • Last Reply

Top Posters In This Topic

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.

 

Link to comment
  • Solution
On 6/20/2023 at 3:31 AM, SourceProjects said:

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.

 

Add this to Design > Custom CSS

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
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! 🌟🙏

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.