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
As 2024 wraps up, the dropshipping landscape is already shifting towards 2025's trends....
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024