Removing space between custom liquid sections

[rgoldberg]

So on this page I have three custom liquid blocks towards the bottom. There is a small amount of white space between each of them but as far as I can see from the code it is not padding or margin, the div just outside the content is ever so slightly taller. Does anyone know what is causing this?

[Spac-es]

Do you mean this space?

It is caused by custom liquid that you added to your code from the Shopify customizer.

Just delete it.

[Spac-es]

If you can't find this custom code, simply add this code to your theme.liquid:

<script>
  document.addEventListener('DOMContentLoaded', function() {
    var recommendationsSection = document.querySelector('.shopify-section-template--21550427177269__product_recommendations');
    if (recommendationsSection) {
      recommendationsSection.style.display = 'none';
    }
  });
</script>

[rgoldberg]

No, sorry, I should have included a picture. Theses are 3 separate custom liquids

[Natasha-Saed]

Hi,

You can surround the custom code with <div style="margin-top: -10px;> fix it until the images touch the edges this will solve the issue the space is the main container for the custom liquid block. 

[rgoldberg]

Where exactly are you suggesting that be put? in the custom liquid block?

[rgoldberg]

I don't think it has anything to do with the margins because when I inspect it this there are none.

[Natasha-Saed]

Yes its not margin or padding its the container for the custom liquid

just add at the top:

<div style = "margin-top: -10px">

close </div> at the bottom 

save and check and let me know if it work if not give me collaborator access to fix it for you

[rgoldberg]

Sadly adding that to the top of the custom liquid block only clips the image inside still keeping the white borders. Also sorry I would be unable to give you collaborator access.

[Natasha-Saed]

I found the problem : 

Give me a few minutes and will let you know how to solve this

[Natasha-Saed · Accepted solution]

Please let me know if you know how to add the code, if not I will send you detailed steps to walkyou through it.

[rgoldberg]

Amazing, that worked, I had the text-center isolated as something that changed this section but no clue why line-height is adding to that. Thank you!

[Natasha-Saed]

You are welcome glad I could help. 

Have a nice day.

[Bronziekee]

HI Natasha,
I have a similar problem and I have tried everything to resolve this. Just need the space above my custom liquid video to be removed here.  What is the best way to get rid of this on the top page?

[cloudedminds]

I am having the same issue but have no idea how to add the code, could you please proved steps?