What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: Venture Theme 'Custom HTML' section bug - help required

Venture Theme 'Custom HTML' section bug - help required

User51
Visitor
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?

Replies 2 (2)

PaulNewton
Shopify Partner
7450 657 1565

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


User51
Visitor
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