Shopify themes, liquid, logos, and UX
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.
Solved! Go to the solution
This is an accepted solution.
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;
}
Please share your website URL and password if any. I will check and provide a solution here.
Thanks!
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.
This is an accepted solution.
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;
}
yeah thank you mate! that solved it 🤩
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!
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024