Change line height of the Thinking text

Good Day,

The line spacing of the “Thinking…” AI Bot phrase (when edited and expanded to a long text), does not retain the same line spacing as the rest of the bot messages. Details below.

Can you provide a CSS Rule that will allow us to match the line spacing with all other messages?

Thank you!


Details:

1 Like

Hi there, @AeroConsultants :waving_hand:

This CSS code will do the trick:

[class*='ThinkingText-sc'] {
  line-height: 15px;
}

Give it a try and let me know if it worked :slightly_smiling_face:

1 Like

Thank you, @Max! It worked.

As always, your help is appreciated.

For a closer match, I modified your CSS Rule as follows:

[class*='ThinkingText-sc'] {
  line-height: 20px!important;
}

PS: Based on my finding, does Team Elfsight need to revisit (and perhaps adjust) the baseline CSS code used for all AI Chatbot widget “texts” or “phrases”?

Cheerio!

1 Like

Could you please elaborate on the other CSS codes you mean?

Hi @Max,

I am referring to the line spacing CSS code currently assigned to all texts.

Details:

Got it, thanks!

The line height might vary since these text elements belong to different widget elements. However, the texts of the same element will have a consistent line height.

Also, most of the texts are implied to be short and unlikely to be expanded to the 2nd line. However, if decide to replace short phrases with long texts, where the line height should be adjusted, please let us know and we’ll gladly help :slightly_smiling_face:

I’ll buy that! If I run into another line spacing issue, I’ll definitely let you know (I’m certain other customers will too). Just trying to be proactive. Cheerio!

1 Like