Anyone know how to make the size of video smaller on the homepage for dawn theme

Shopify Discussion
1

I"m looking to make a video on my homepage smaller and not take up so much space on the homepage. Can someone help me with this

video sizing.jpg
video sizing.jpg2550Ă—3301 141 KB

2

I could take a look and see if I can get it smaller using some CSS.

Can you post a link to your Shopify store

3

my website is

Xpressavenue.com

the pw is Shopify2023

4

Hey I managed to make it much smaller by inputting this custom css below.
You can input it as custom css in the section used for this video.

deferred-media{
  --ratio-percent: 50%;
}

deferred-media img{
  width: auto !important;
  max-width: 100% !important;
  height: 100% !important;
  display: inline;
  position: static;
}

If you want to make it even smaller you just need to make the percentage assigned to –ratio-percent smaller than 50%. Please let me know if that helps.

1 Like
5

thanks

6

Can you help me with my store? I’m needing to make the video on the about us page much smaller as well as the. Product pictures. In addition I would like the smaller video to be on the landing page ideally next to the about us segment lined up.

7

This doesn’t seem to work anymore/now. Is there any updated solution?

I copy and past this into the custom css option on the section with the video, but even if I take ration to 1% there’s no change. I can change the “deferred media img” by changing the %, but video is still huge.

2 Likes
8

Code is wrong… use

deferred-media{
  --ratio-percent: 50%!important;
}

deferred-media img{
  width: auto !important;
  max-width: 100% !important;
  height: 100% !important;
  display: inline;
  position: static;
}