How to Change Color of Hyperlink Located Inside Visitor Chatbox

[Petar_Dietrich]

Howdy,

I’m using the CSS rules given below for changing the colors of my chatbot’s hyperlinks. The CSS rules apply to all hyperlinks and agree with those provided by Elfsight.

Issue: There are conditions when the visitor enters a hyperlink into their conversation. When this happens, the hyperlink provided is not discernible due to our theme color and the CSS rules given below. See screenshot below.

Request: Can you provide a solution that will allow me to change the styling (i.e., colors) for hyperlinks located inside the visitor’s chatbox?

---

CSS Rules for Styling Hyperlinks:

.es-window-container a {
  color: #278dc5;
}

.es-window-container a:hover {
  color: #e14d43;
}

.es-window-container a:active {
  color: #e14d43;
}

.es-window-container a:visited {
  color: #1a5f85;
}

.es-window-container a:visited:hover {
  color: #e14d43;
}

My Issue:

[Max]

Sure! Here is the code to change th link color in user messages only:

.es-message-user a {
  color: blue;
}

.es-message-user a:hover {
  color: blue;
}

.es-message-user a:active {
  color: blue;
}

.es-message-user a:visited {
  color: blue;
}

And this code will work for the link in the bot messages:

.es-message-assistant a {
  color: red;
}

.es-message-assistant a:hover {
  color: red;
}

.es-message-assistant a:active {
  color: red;
}

.es-message-assistant a:visited {
  color: red; 
}

Please try it out and let me know if it helped

[Petar_Dietrich]

Thanks for that! Unable to test. See below. Not good, based on this: AI Chatbot: Enjoy unlimited messages in testing mode. What’s going on?

---

[Max]

Hi there, @Petar_Dietrich

I am genuinely sorry for all the frustration caused by this situation!

I’ve reached out to the dev team and it appeared that we’ve extended the message limit for testing, but it’s not unlimited

Now each user gets 1,000 free messages for testing from the configurator on monthly basis. Once you hit that limit, any additional messages sent from the configurator will count toward your overall limit.

Please accept our deepest apologies for the lack of clarity and misleading info in our post. I’ll update the info in the Changlog to clear things up.

To make up for the inconvenience, we’ve added 100 extra messages to your limit, valid until the next reset date (March 14). Your widget has been reactivated in both the configurator and on your website.

Thank you for your patience and understanding

[Petar_Dietrich]

Thank you,@Max. No worries. Here to help.

Based on your information and to ensure consistency, please update your AI Chatbot’s Analytics Dashboard as noted below (or similar).

The update will help your customers monitor and adjust their website based on their token allowance and balance. A must-have for all, not a “wishlist” request.

Cheers!

---

[Max]

That’s a great idea!

I’ll pass it to the team for consideration. Thank you so much for helping us grow