Change default video player size of Vimeo Lightbox link

Design help General
1

Hi there, I’ve followed this thread and the other one as suggested but for myself to no avail.

I want to make these changes to the vimeo video within Webflow as that is where I am planning to host the site from as well. I have seen that the solution is to:

…override both the frame div and iframe embed:

.w-lightbox-frame, .w-lightbox-embed {
    width: 100vw;
    height: 100vh;
}

How do you do this exactly within Webflow?

So as you can see and probably tell, I’m pretty new to Webflow but would also like to know how to resize the player in Vimeo upon the lightbox link being clicked upon.

Here is the project I am working on: SPREAD Webflow Version

I basically just want the size of the embedded Vimeo video to be increased and would like it to autoplay once the area is clicked upon.

If somebody could explain to me in laymen’s terms (with a video or pictures) as to how this could be achieved it would be much appreciated. Thanks.

2

I was eventually given the solution via Webflow Masterclass Heroes facebook group that I am a part of and I was given the following solution:

Inside project settings > custom code > head you place it with the style tags:

<style>
.w-lightbox-frame, .w-lightbox-embed {
width: 100vw;
height: 100vh;
}
</style>
3

Is there a way to get this to 100vw on mobile/tablet but 70vw on desktop?