Venture Theme 'Custom HTML' section bug - help required

User51
New Member
2 0 0

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&amp;badge=0&amp;autopause=0&amp;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>

HTML 2.jpgHTML1.jpg

Is anyone able to help remove the spaces?

0 Likes
PaulNewton
Shopify Partner
3135 195 576

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;">

 

Problem Solved? ✔️Accept and ? Like the solution so you can help others.
Buy me a coffee ☕ paypal.me/paulnewton or donate to eff.org
Confused? Busy? Buy a custom solution paull.newton+shopifyforum@gmail.com
0 Likes
User51
New Member
2 0 0

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

0 Likes