Assistance with Elfsight Number Counter

Hi! I'm having an issue with the Elfsight Counter widget code throwing the spacing off on my homepage above and below it (screenshot below). I can move those items back where I'd like them to be and save, but it just moves them right back with big spaces between the first title, widget, next title, and news. Anyone have a magic code to fix that? 🙂 Thanks!

Website: https://halibut-halibut-7e66.squarespace.com/

Password: runx1234

On 4/13/2024 at 1:31 AM, tuanphan said:

I see you solved top space

with space under widget, you can use this code to Website > Website Tools > Custom CSS

/* space under elfsight */
.fe-65b1611b59bc023000f1f67f {
    grid-template-rows: repeat(30,minmax(calc(~"var(--container-width) * var(--row-height-scaling-factor)"), auto)) !important;
}

 

Thank you as always, @tuanphan!

On 4/13/2024 at 1:31 AM, tuanphan said:

I see you solved top space

with space under widget, you can use this code to Website > Website Tools > Custom CSS

/* space under elfsight */
.fe-65b1611b59bc023000f1f67f {
    grid-template-rows: repeat(30,minmax(calc(~"var(--container-width) * var(--row-height-scaling-factor)"), auto)) !important;
}

 

Hi! I think that fixed it too well. Now it does this on desktop and mobile:

5 hours ago, CPelton said:

Hi! I think that fixed it too well. Now it does this on desktop and mobile:

What is problem? Screenshot looks fine

7 hours ago, tuanphan said:

What is problem? Screenshot looks fine

Everything is a little too close together now. I've been asked to put at least one row of space between the top paragraph, the red box, "RRP in Numbers" and "The Latest RRP News". When I go into edit and space them out they snap right back into those places after I save.

On 4/16/2024 at 8:42 AM, CPelton said:

Everything is a little too close together now. I've been asked to put at least one row of space between the top paragraph, the red box, "RRP in Numbers" and "The Latest RRP News". When I go into edit and space them out they snap right back into those places after I save.

Thanks again for trying to help me figure this out, @tuanphan! I contacted Elfsight thinking it might be something on their side, and it apparently is a problem with this widget sometimes. So they gave me some code to include on the page to fix the padding. I'll drop it here with a link to the full article in case it helps anyone else:

Why my widget has an extra padding on my Squarespace website

Code to insert right above widget code on the page:

<style>
html.squarespace-damask .sqs-blockStatus 
{
display: none !important;
}
</style>
<script src="https://static.elfsight.com/platform/platform.js" data-use-service-core defer></script>
<div class="elfsight-app-e3dd080e-0e67-41ed-9e45-0e57b4de81b8" data-elfsight-app-lazy></div>