How to make video on Dawn theme homepage smaller

[julian-dadang]

I want to decrease the size of the video on the homepage.

How can I do this?

Website: phattai.au

Password: EPIQMedia

[diego_ezfy · Accepted solution]

@julian-dadang, do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

@media (min-width: 750px){
    .video-section__media{
            max-width: 600px !important;
        padding-bottom: 600px !important;
    
            margin: 0 auto;
        height: auto;
    }
}

You can change the 600px to any values you wish.

If it helps you please click on the "like" button and mark this answer as a solution!

Thank you.

Kind regards,
Diego

[julian-dadang]

Perfect that worked thank you.

[LTMSHOP]

Hello! If my video is from files, uploaded on page through custom liquid? how can i make it smaller? thank you!!

[tomasbcastro]

Hi Diego, it worked just fine for me! Thanks. Although I've got another question:
As you can see in the attachment when the video is pressed 'play' it minimizes to like 1/4 of the original size. and in this case it is not great as the size is already pretty smaller. What can I do?
Thanks!

 

[Lahav]

Hi, it changed the video size on the desktop version

How can I change the video size on the mobile mobile version?

[AmineBoyauzan]

Thank you very much! 

[savvysavvy]

THANK YOU!!! This fixed it for me!