Large Blank Space Above Vimeo Embedding

[DoubleDWigs]

Hi there,

I am using the Debut theme and am trying to embed a Vimeo video in custom content > custom HTML on my homepage. When I add it, it all looks fine, but as soon as I press save, a large white space appears above it and I can not figure out how to make it go away. I've tried every solution that's been posted so far on the web and nothing has worked. Please help! Thanks. 

[ZestardTech]

Hello There,

Please share your store URL and Password.
So that I will check and let you know the exact solution here.

[DoubleDWigs]

It’s Doubledwigs.com

[ZestardTech · Accepted solution]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

.custom__item-inner.custom__item-inner--html > div:first-child
{
padding: 0!important;
}

[DoubleDWigs]

Thank you so much for your help, that worked! 

[ZestardTech]

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.

[lucasjackmusic]

I'm having the same problem. I want to embed a Vimeo video into one of my pages (https://lucasjackmusic.com/pages/newalbum) but I get a large white area above the video. One solution that I found was to remove the padding percentage directly from the Vimeo Embed code. This fixes the problem on the front end of the webpage, but it makes it very difficult to create/edit the page, because the video does not appear in the page editor. When I embed the code (removing the padding%), all I see in the editor is a gray line that I can't delete and can't move around.  

I'm hoping there is a solution that I can apply across my theme that will fix my problem so that I don't have to edit the embed code of every video I post. 

I attempted your solution in this thread, but it didn't seem to work for me. 

Thanks!

[lucasjackmusic]

I'm using Debut Theme.