white spaces above and below an embedded vimeo

[Nograd]

Im using Debutify theme, and every time I embed a vimeo video to the home page it creates big white spaces above and below the video..

I've tried using Fixed size and responsive, and it creates the same white spaces.

[dmwwebartisan]

@Nograd 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

[KetanKumar]

@Nograd 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[Nograd]

Hi, https://nogradisrael.com/ 

[KetanKumar · Accepted solution]

@Nograd 

Thanks for it

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

#shopify-section-161350986014880d99 .text-center div {
    padding: 0 !important;
}
#shopify-section-161350986014880d99 .text-center div.video-wrapper {
    padding-bottom: 37.25% !important;
}

[dmwwebartisan]

@Nograd 

Add code assets/theme.scss.liquid Or assets/timber.scss.liquid bottom of the file.

#shopify-section-161350986014880d99 .video-wrapper { display: contents;}

Hope this will work for you.

Thanks!

[Nograd]

yeah thank you mate! that solved it 🤩