How can I resize the homepage video on Dawn theme?

Store Design
, , ,
1

Hi there, I’ve been trying to make my video on my homepage slightly smaller for desktop as it’s too big, here’s my website: www.cleanthings.co

I’ve tried the different solutions on here, replacing the code and none of them have worked. Would someone be able to help me with this/also give me the original base.css code incase I have accidentally ruined the original code by trying to change it somehow.

Thanks!

2

Hello @halfsesh ,

Open this URL to get the base.css of Dawn themem
https://theme-dawn-demo.myshopify.com/cdn/shop/t/44/assets/base.css?v=117828829876360325261686237166

To make the video size smaller on desktop ad this css at the bottom of bae.css

@media screen and (min-width: 768px) {
.video-section__media.global-media-settings--full-width {
    padding-bottom: 30% !important;
}
}
1 Like
3

Hi Halfsesh,

Follow these steps :

  1. Go to Online Store

  2. Edit Code

  3. Find base.css file

  4. And put this code in the botom

section__media video {
    position: absolute;
    width: 100%;
    height: 450px