How to make video on Dawn theme homepage smaller

Solved

How to make video on Dawn theme homepage smaller

julian-dadang
Shopify Partner
70 0 22

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

 

How can I do this?

juliandadang_0-1656822262203.png

 

Website: phattai.au

Password: EPIQMedia

Accepted Solution (1)

diego_ezfy
Shopify Partner
2970 571 922

This is an 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.

diego_ezfy_0-1656822581994.png

 


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

Thank you.

Kind regards,
Diego

View solution in original post

Replies 7 (7)

diego_ezfy
Shopify Partner
2970 571 922

This is an 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.

diego_ezfy_0-1656822581994.png

 


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

Thank you.

Kind regards,
Diego

julian-dadang
Shopify Partner
70 0 22

Perfect that worked thank you.

LTMSHOP
Tourist
4 0 0

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

tomasbcastro
Visitor
2 0 0

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!

Captura de Ecrã (2).png

Lahav
Visitor
1 0 0

Hi, it changed the video size on the desktop version

 

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

AmineBoyauzan
Shopify Partner
2 0 0

Thank you very much! 

savvysavvy
Visitor
1 0 0

THANK YOU!!! This fixed it for me!