Add drop shadow to embedded videos

I was trying to add a drop shadow to my embedded videos on my main page. They worked fine on my desktop site but my live mobile site was glitching (every image seemed to "breathe") when I scrolled, and two videos in particular bled out the sides of the container and extended past the borders of the mobile screen. This is the code I using:

.embed-block {

  filter: drop-shadow(5px 5px 8px #000000);

}

Any ideas on how to solve this? Thank you!

Hi,

Can you share link to this page?

southshorentertainment.com

I've since removed the drop shadows until I can figure out how to not make them glitch.

12 hours ago, Mike7385 said:

southshorentertainment.com

I've since removed the drop shadows until I can figure out how to not make them glitch.

You can also duplicate the page & add code there, then we can check easier. To make the code apply on one page, add this code to Page Header

<style>
  .embed-block {

  filter: drop-shadow(5px 5px 8px #000000);

}
</style>

Thanks, Tuan!

I copied and pasted that code but got a syntax error on the first line where it says <style>

Any ideas?

On 7/31/2023 at 2:17 AM, Mike7385 said:

Thanks, Tuan!

I copied and pasted that code but got a syntax error on the first line where it says <style>

Any ideas?

Add it to Page Header of duplicate page. Do Not use code in Custom CSS box.

OK, I think I did that right.

Here is the URL:

southshorentertainment.com/main-1

Hi,

It looks fine to me (Samsung/Android)

@tuanphan If you scroll past the skidee video, the edges "breathe" on my iphone. Not sure if you're seeing the same issue on your platform.

On 8/10/2023 at 9:51 AM, Mike7385 said:

@tuanphan If you scroll past the skidee video, the edges "breathe" on my iphone. Not sure if you're seeing the same issue on your platform.

Maybe problem appears on iOS only, it works fine on Android