Decrease the height of Video Section on the Product Page

[Mabinibooks]

Hello, good morning!

How can I decrease the height of the video on this link - https://totisevilla.myshopify.com/products/bottle-flask-to-be-edited

Password is daocha

Please assist. Thank you!

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @Mabinibooks 
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it

<style>
.deferred-media__poster {
    height: 80% !important;
}
</style>

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[Mabinibooks]

Hello Daniel, thanks for replying on my post; the password is daocha

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @Mabinibooks 
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it

<style>
.deferred-media__poster {
    height: 80% !important;
}
</style>

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[Mabinibooks]

Thank you!

[BSSCommerce-B2B · Accepted solution]

@Mabinibooks ,
Step 1: Go to Admin -> Online store -> Theme > Edit code:

Step 2: Search for the file theme.liquid. And add this code snippet before </body> tag

<style>
.deferred-media__poster,
deferred-media > iframe {
    max-height: 70vh !important;
}
</style>

Step 3: Save and reload your site.

Result:

If it helps you, please like and mark it as the solution.

Best Regards 😊

[Mabinibooks]

Hello, it worked, thank you!