How To Adjust The SCALE of Video On My Custom Page, Need It Smaller In SCALE. SAME ASPECT RATIO.

42 0 7

I found the section and code. I just need some knowledge to change it. 
The video is far to big. As seen at the bottom of my page, (the vertical video)



Replies 2 (2)

Shopify Partner
1040 144 149

Hello @RMTPerformance ,

To adjust the video size, You need to add this code 


Go to Shopify admin >  Themes  > Edit Code > Search Base.css file and put the given code at the bottom of base.css file


This Code for adjust the video size

.media > *:not(.zoom):not(.deferred-media__poster-button), .media model-viewer {
    height: 400px; /* adjust the height according to your requirement */
    width: 100%;

video size.png


Now Add this code for adjust the Player Button


top: 12%;


vdeo button.png

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here
42 0 7

Thank-you for your efforts, this did not work unfortuantley. 


This page is a page created in Shopify. And the video was added using a normal video element if that helps at all.