# Number counter widget

**URL:** <https://community.elfsight.com/t/number-counter-widget/19795>\
**Category:** General Questions\
**Tags:** number-counter\
**Created:** [September 13, 2023, 2:19pm UTC](https://community.elfsight.com/t/number-counter-widget/19795 "2023-09-13T14:19:57Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Fleur\_Alleman](https://avatars.discourse-cdn.com/v4/letter/f/96bed5/32.png) [@Fleur\_Alleman](https://community.elfsight.com/u/Fleur_Alleman)\
**Post date:** [September 13, 2023, 2:19pm UTC](https://community.elfsight.com/t/number-counter-widget/19795/1 "2023-09-13T14:19:57Z")

</div>

Hi,  
Please provide a solution for the number counter widget to not wrap to the next line.  
Regards,  
Mariya

[Screenshot 2023-09-13 at 16.16.54|690x254](https://community.elfsight.com/uploads/short-url/dqzUtkJp19O4gmXZP6IAy4SIZlL.jpeg)

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [September 13, 2023, 2:27pm UTC](https://community.elfsight.com/t/number-counter-widget/19795/3 "2023-09-13T14:27:51Z")

</div>

Hi @Fleur_Alleman 👋

Could you please send a link to the webpage where your widget is installed?

---

<div class="post-metadata">

**Author:** ![Fleur\_Alleman](https://avatars.discourse-cdn.com/v4/letter/f/96bed5/32.png) [@Fleur\_Alleman](https://community.elfsight.com/u/Fleur_Alleman)\
**Post date:** [September 13, 2023, 2:55pm UTC](https://community.elfsight.com/t/number-counter-widget/19795/4 "2023-09-13T14:55:36Z")

</div>

Here is the link, [https://www.fmgroup.fm/en/WorldwideFM](https://www.fmgroup.fm/en/WorldwideFM) .

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [September 13, 2023, 4:42pm UTC](https://community.elfsight.com/t/number-counter-widget/19795/5 "2023-09-13T16:42:01Z")

</div>

Thank you!

Your request is now with our devs. I’ll get back to you once any news come up 🙂

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [September 14, 2023, 3:35pm UTC](https://community.elfsight.com/t/number-counter-widget/19795/6 "2023-09-14T15:35:52Z")

</div>

Hi @Fleur_Alleman

We’ve fixed the issue by adding this script to Custom JS field:

```auto
const wrapper = document.querySelector('.elfsight-app-225392a6-ab4c-47d1-a2db-03fd2b563e00').closest('div:not([class^="elfsight"]):not(.ceewi-wrap)');
if (wrapper) {
  wrapper.style.display = 'block';
}

```

Also, we’ve added this code to the Custom CSS field:

```auto
[class^='NumberCounter__Title-sc'] {
  margin: 0;
}

```

Please check your website and let me know if you like what you see 😉

---

<div class="post-metadata">

**Author:** ![Fleur\_Alleman](https://avatars.discourse-cdn.com/v4/letter/f/96bed5/32.png) [@Fleur\_Alleman](https://community.elfsight.com/u/Fleur_Alleman)\
**Post date:** [September 21, 2023, 7:16am UTC](https://community.elfsight.com/t/number-counter-widget/19795/7 "2023-09-21T07:16:57Z")

</div>

Thank you, now the counter widget looks awesome. I have another question. Is there a way I can reduce the time the widgets take to load?

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [September 21, 2023, 10:41am UTC](https://community.elfsight.com/t/number-counter-widget/19795/8 "2023-09-21T10:41:00Z")

</div>

Happy to hear that you are fine now 🙂

In order to make the widget load faster, you can remove the _defer_ attribute from the widget installation code, which makes the widget load only after all other content on the page is loaded. Here’s what the code will look like:

```auto
<script src="https://static.elfsight.com/platform/platform.js" data-use-service-core></script>
<div class="elfsight-app-WIDGET-ID"></div>

```

Another way of making the widget load simultaneously is changing the defer attribute to async. Here is the code:

```auto
<script src="https://static.elfsight.com/platform/platform.js" data-use-service-core async></script>
<div class="elfsight-app-WIDGET-ID"></div>

```

Please replace **WIDGET\_ID** in the codes above with the [ID of your own widget](https://help.elfsight.com/article/1001-where-to-get-your-widget-id) and install it on your website 🙂

---

<div class="post-metadata">

**Author:** ![Fleur\_Alleman](https://avatars.discourse-cdn.com/v4/letter/f/96bed5/32.png) [@Fleur\_Alleman](https://community.elfsight.com/u/Fleur_Alleman)\
**Post date:** [September 22, 2023, 1:40pm UTC](https://community.elfsight.com/t/number-counter-widget/19795/9 "2023-09-22T13:40:41Z")

</div>

Thank you!

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [September 22, 2023, 1:42pm UTC](https://community.elfsight.com/t/number-counter-widget/19795/10 "2023-09-22T13:42:50Z")

</div>

No sweat 😉