Jump to content

Assistance with Elfsight Number Counter

Go to solution Solved by tuanphan,

Recommended Posts

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

 

Screenshot 2024-04-09 at 4.15.12 PM.png

Edited by CPelton
Forgot to include link and password to demo site
Link to comment
  • Solution

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
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!

Link to comment
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:

Screenshot 2024-04-15 at 8.10.11 PM.png

IMG_DB6A6A93C9C4-1.jpeg

Link to comment
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.

Link to comment
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>

 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.