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

Ask the Community General Questions
1

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
No results to show 1883×460 48.6 KB

2 Likes
3

Hi there and welcome to the Community, @Michael_Surnak :waving_hand:

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 :slightly_smiling_face:

[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 :slightly_smiling_face:

2 Likes
5

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

Best regards,

Michael

3 Likes
6

Awesome, you’re always welcome :wink:

2 Likes