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

RMTPerformance
Excursionist
41 0 6

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
1014 139 147

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

 

.deferred-media__poster-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
RMTPerformance
Excursionist
41 0 6

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.