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
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024