How can I reduce the white space around a video on my store's home page?

Store Design
1

Hi, is there any way I can remove/reduce the white space above and below the video on my store’s home page?

https://tmak.store/

Thanks a lot

2

@Gusmusic

Please add the following code at the bottom of your assets/timber.scss.liquid file.

@media (min-width: 768px){
.video-wrapper {padding-bottom: 42.25% !important;}
}

Hope this helps.

Thanks!

3

@Gusmusic Happy to help you on your issue

Follow below steps to fix your issue

  1. Go to theme → edit code → assets → timber.scss.liquid
  2. add below code at the end of your file
@media (min-width: 768px){ .video-wrapper {padding-bottom: 42.25% !important;} }

Copy

4

Thank you very much guys, it worked perfectly!

5

Help please, i can’t find the Timber file?

6

same actually :confused: I dont have timber.scss.liquid at the assets. Is their another way?

7

Could you please share your website link and password if any to check the theme and style?

8

Which worked for me:

The remove the blank space beneath the video, change the style of:

.videoBackground {

height: 100%;

position: relative;

}

CHANGE TO:

.videoBackground {

position: relative;

}

www.youtube.com/watch?v=wajvd9oL9Zg