Video CSS Codes Not Working

Hi Squarespace community,

I'm trying to use custom css codes to style the display of on page videos. However, none of them are working despite being correct and I can't figure out why. I'm talking about codes such as:

//-- add a border around the video

.sqs-video-wrapper{border: 1px solid #50bdb8;}

//-- add a shadow to the video

.sqs-video-wrapper{box-shadow: 5px 5px 20px rgba(0,0,0,0.2);}

//-- layered offset background color

.sqs-video-wrapper{box-shadow: 20px 20px 0px #50bdb8;}

Other css codes work without problem. Does anyone have an idea why?

Kind regards

4 hours ago, donsvenson said:

Hi Squarespace community,

I'm trying to use custom css codes to style the display of on page videos. However, none of them are working despite being correct and I can't figure out why. I'm talking about codes such as:

//-- add a border around the video

.sqs-video-wrapper{border: 1px solid #50bdb8;}

//-- add a shadow to the video

.sqs-video-wrapper{box-shadow: 5px 5px 20px rgba(0,0,0,0.2);}

//-- layered offset background color

.sqs-video-wrapper{box-shadow: 20px 20px 0px #50bdb8;}

Other css codes work without problem. Does anyone have an idea why?

Kind regards

Can you share your site with the protected password so I can take a look?

20 hours ago, Beyondspace said:

Can you share your site with the protected password so I can take a look?

Hi Beyondspace,

https://www.luxlessons.lu/luxembourgish-language-course

pw: abc143

Thanks for your help!

My testing

19 minutes ago, Beyondspace said:

You can try the following code on Home > Design > Custom Css

.sqs-block-video .sqs-native-video  {
  border: 1px solid red;
}

Support me by pressing 👍  or marking as solution if this useful for you

Works perfectly, thanks!