Lightbox in Wordpress Not Showing at Full Screen

350 Views Asked by At

I'm having issue with the media carousel player. I'm pulling in vimeo links to showcase my client's videos in the slideshow setting. When I press the play button to display the lightbox the window pops up extremely small and wide. How can I adjust this to make the lightbox video larger (full screen)?

Here's a video to explain the problem: https://www.loom.com/share/bf4a13f924934a2ca0a4b13fa7d4ccee?sid=4aa8b3b7-5995-4e65-a5fb-4333d142fe0c&fbclid=IwAR1iAR61rY2vW-EoAgJqr4tGGj3lVkqOjbwJT1AIhav0ieNADFCSM7yQ9FQ

Any help is appreciated!

I've tried the following...

--Deactivating and activating the plugins 1 by 1

--Turning off the minifying css in SG Optimizer

--Purging the SG cache

--Switching the theme

2

There are 2 best solutions below

1
Mike Gais On BEST ANSWER

This CSS fixed it for me.

 .elementor-lightbox .elementor-video-container .elementor-video-landscape iframe, .elementor-lightbox .elementor-video-container .elementor-video-landscape video { height: 100%; }
1
LesCa On

Are you using the WordPress Vimeo embed blocker or a plugin? If it's a WordPress block try changing the settings in the bar that appears after selecting the block, see here. Alternatively you could edit the css to make it bigger.