Shopify themes, liquid, logos, and UX
Hi,
I am using the Venture theme for a webpage I am building and I have put in four Vimeo embedded links into the 'Custom HTML' section with each at 50% page width so two are stacked on top of the next two.
For some reason the theme is adding loads of space between title and first stack and then the first and second stack and I cannot figure out how to remove it. Images attached.
Below is an example of the embedded link code put into the Custom HTML box:
<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/615102364?h=87955ade75&badge=0&autopause=0&player_id=0&am..." frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen="" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Tik Tok x Bose"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
Is anyone able to help remove the spaces?
Remove the top padding increasing the total size the players use:
<div style="padding:56.25% 0 0 0;position:relative;">
<div style="padding:0 0 0 0;position:relative;">
Contact paull.newton+shopifyforum@gmail.com for the solutions you need
Save time & money ,Ask Questions The Smart Way
Problem Solved? ✔Accept and Like solutions to help future merchants
Answers powered by coffee Thank Paul with a ☕ Coffee for more answers or donate to eff.org
Amazing thank you.
I tried that before but it was making them disappear in the editor. But when you view on the actual webpage it works!!!
Many thanks
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024