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

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

Reinhart
Explorer
53 0 10

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) https://rmtperformance.com/pages/our-team-cars

RMTPerformance_0-1710698828114.png

 

Replies 2 (2)

websensepro
Shopify Partner
1869 220 266

Hello @Reinhart ,

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

 

.deferred-media__poster-button{
top: 12%;
}

 

vdeo button.png

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP
Reinhart
Explorer
53 0 10

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.