Hey guys...

Quick question. You were great in assisting me in creating a 3 column row that triggered a lightbox in this ticket:

https://themenectar.ticksy.com/ticket/3644831/

which works great. The only thing is that I don't want the images / video to almost fill the screen and would love a little elbow room similar to the light boxes you helped me modify on the image gallery pops ups in this ticket: https://themenectar.ticksy.com/ticket/3629462/

with this code:

.fancybox-can-zoomIn .fancybox-image {    max-height: 80vh;    top: 50% !important;    transform: translateX(-50%) translateY(-50%) !important;    width: auto !important;    left: 50%;
}

Is there a way that I can add this code so that the lightbox that pops up from the 3 column design will have about 25% padding?

Thanks as always for your great assistance. 

Thanks as always for the quick response Tahir. So this worked / works great for the pop up lightbox from the image gallery, but does not work from the lightbox that pops up from the lightbox that pops up from a column link. So if you look at this page: 

http://ericrussellphotography.com/staged/portfolio/kailo/

You'll see the script works perfect and gives me the padding I'm wanting from the gallery module:

But below where you guys helped me customize 3 columns which by way of an extra class spawns a lightbox you can see that the padding does not exist when it triggers a video link:

This seems to be the case whether it's a link to Vimeo or just to a self hosted file. 

Is it possible that the column link is triggering a different type of fancy box? 

Anyways...let me know if there is a way to get this to work for videos. Thanks much!

Thanks Tahir!

I just added the code, but unfortunately while it adjusts the video, it did not adjust the controls. 

Thanks!

This fixed the horizontal spacing but now it seems like there is a bunch of extra vertical spacing?

Not certain if this is right, but I added the same code that also controls the vertical spacing as you had in the css for the image which kinda fixes it....

Although, now there just seems to be a black box behind the video?

 Awesome...that got rid of the box! This is awesome...Thank you Tahir. 

So this all works great for light boxes that trigger a Vimeo link, however the light boxes that contain any self hosted videos are still have issues as you can see here where there seems to be some extra vertical spacing between the control and the video:

As always....thanks for all your help. 

Apologies, the original page I sent only has a video with a link. This page has all self hosted videos:

http://ericrussellphotography.com/staged/portfolio/black-dessert-resort/

Thanks Tahir.

Thanks again Tahir. So unfortunately when I add the max vh this occurs. 

I had added the max viewport high value in before as well as the other values provided for the image pop which works perfectly, but unfortunately the player controls don't align with the video in the self hosted video. If it's not easy to align the controls with the self hosted videos I can live with just maintaining the max viewport width and live it as you've been super helpful in getting us to where we are. 

Thanks Tahir!