How do i customize text

Ask the Community Customization
1

Skærmbillede 2025-02-07 kl. 21.13.33
Skærmbillede 2025-02-07 kl. 21.13.331544×776 72.7 KB

3 Likes
2

Hi @user19686,

Welcome to the community! :wave:

To customize the text in your widget (like the calculator widget), you can typically do this through the Settings section in the Elfsight dashboard. Here’s how you can get started:

  1. Log into your Elfsight account and open the widget you’re working on.
  2. Go to the Content or Text section within the widget settings.
  3. You should see fields for editing various text elements, such as titles, labels, descriptions, and button texts. Adjust them as needed.

If you’re looking to change something specific that you can’t find, feel free to share more details, and I’d be happy to help guide you further.

Looking forward to seeing you around the community! :blush:

Best,
Maxim!

1 Like
3

It’s the text I highlighted saying “No result to show” I want to customize.

Best
Michael

1 Like
4

Hi Michael,

Thanks for clarifying!

To customize the “No result to show” text, you should be able to do this in the widget’s settings. Look for the “Empty state” or “No results” text options within the widget’s customization section. You can replace that with any text you’d like, such as a custom message or a prompt to try again.

If you’re unable to find this setting, feel free to let me know, and I can guide you more specifically!

Best,
Maxim!

1 Like
5

Hi!

I would be happy, if you could quide me. I am not able to find the option.

Best regards
Michael

3 Likes
7

HI there, @user19686 :wave:

Unfortunately, the option for changing this phrase isn’t available in the settings, but our devs came up with a custom code for you:

[class*="empty__Empty-sc"] {
  font-size: 0;
}

[class*="empty__Empty-sc"]::before {
  content: 'Elfsight widgets help 2,000,000+ website owners to increase sales, engage visitors, collect leads and more. Save your time and money with ready-to-use solutions and grow your business faster! ⚡️';
  font-size: 15px;
}

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

Note: Add the needed text to the content line in the code

image
image620Ă—200 12.7 KB

2 Likes
8

Just what I needed. Very usefull - thx a lot.

Best regards
Michael

2 Likes
9

No problem!

If anything else comes up, we are here to help :wink:

1 Like