# How to Remove “No results to show” Text in Calculator Before Any Results Are Displayed

**URL:** <https://community.elfsight.com/t/how-to-remove-no-results-to-show-text-in-calculator-before-any-results-are-displayed/140897>\
**Category:** General Questions\
**Tags:** calculator\
**Created:** [October 27, 2025, 7:24am UTC](https://community.elfsight.com/t/how-to-remove-no-results-to-show-text-in-calculator-before-any-results-are-displayed/140897 "2025-10-27T07:24:15Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Michael\_Surnak](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/michael_surnak/32/82394_2.png) [@Michael\_Surnak](https://community.elfsight.com/u/Michael_Surnak)\
**Post date:** [October 27, 2025, 7:24am UTC](https://community.elfsight.com/t/how-to-remove-no-results-to-show-text-in-calculator-before-any-results-are-displayed/140897/1 "2025-10-27T07:24:15Z")

</div>

Hi Elfsight Team,

I’m currently using the **Elfsight Pricing Calculator widget** , and I’ve noticed that before any selections or results are made, the widget displays a **“No results to show”** message in the results section. See snips below.

I’d like to **remove or hide this text** so that the results area is blank until the user interacts with the calculator. Also, I’d like the text below to shift up to occupy the space previously taken by the “No results to show” message.

Could you please advise:

1. Is there a **setting in the widget** that allows this message to be hidden?

2. If not, what is the **recommended method** (CSS or JS) to hide it reliably?

Thank you in advance for any help you provide!

 ![No results to show 1](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/6/7/6778d84db6d5d2506d65830fb6aed855d0f77ffe.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:** [October 27, 2025, 8:07am UTC](https://community.elfsight.com/t/how-to-remove-no-results-to-show-text-in-calculator-before-any-results-are-displayed/140897/3 "2025-10-27T08:07:38Z")

</div>

Hi there and welcome to the Community, @Michael_Surnak 👋

Sure! Please add this code to the Custom CSS field on the Settings tab of your widget’s settings and let me know if it helped 🙂

```auto
[class*="empty__Empty-sc"] {
  display: none;
}

```

  

By the way, we have a CSS Code guide, explaining how to find the classes of the widget elements and customize them. Feel free to check it out - [Guide to CSS Codes](https://community.elfsight.com/t/guide-to-css-codes/140803) 🙂

---

<div class="post-metadata">

**Author:** ![Michael\_Surnak](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/michael_surnak/32/82394_2.png) [@Michael\_Surnak](https://community.elfsight.com/u/Michael_Surnak)\
**Post date:** [October 27, 2025, 8:18am UTC](https://community.elfsight.com/t/how-to-remove-no-results-to-show-text-in-calculator-before-any-results-are-displayed/140897/5 "2025-10-27T08:18:37Z")

</div>

Hi Max, that worked perfectly—thank you for getting back to me so quickly. Very much appreciated.

Best regards,

Michael

---

<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:** [October 27, 2025, 8:22am UTC](https://community.elfsight.com/t/how-to-remove-no-results-to-show-text-in-calculator-before-any-results-are-displayed/140897/6 "2025-10-27T08:22:03Z")

</div>

Awesome, you’re always welcome 😉