how to change embeded video height

[hem0903]

Hi i want full size video on my home page,
Store url - https://puurfection.co.uk/

I want this embeded video in the size like above video.

[steve_michael2]

Hello @hem0903 , 

1) Go to Online Store

2) Edit Code
3) Find theme.css/base.css file
4) Add the following code in the bottom

.background-media__wrapper {
position: relative;
min-height: 100vh !important;
}

Thanks!

[hem0903]

not working

[steve_michael2]

Hello, 

So sorry for that,

Please watch this video, hope you will get your solution

Thanks!

[DaisyVo]

Hi @hem0903 

I hope you are well. You can follow our instructions below:

Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
Step 3: Copy the code below and paste it there

Here is the code for Step 3:

iframe[title="YouTube video player"] {
    height: 500px !important;
}

 

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.