Change link color in AI Chatbot

Ask the Community Customization
1

Would it be possible to highlight the links with a different color? They are difficult to recognize.

2 Likes
2

Hi @Kerstin :wave:

I’ll check it with the devs and will update you on Monday :slightly_smiling_face:

1 Like
4

Thank you for waiting, @Kerstin!

This code should do the trick:

[class*='window__Body-sc'] a {
  color: red; // Link color
}

[class*='window__Body-sc'] a:hover {
  color: red; // Link color on hover
}

[class*='window__Body-sc'] a:active {
  color: red; // Link color when clicked
}

[class*='window__Body-sc'] a:visited {
  color: red; // Link color once visited
}

Please add this code to the Custom CSS field on the General tab of your widget’s settings and let me know how it worked :wink:

4 Likes
5

That works great! Thank you !

2 Likes
6

It’s my pleasure :wink:

In the meantime, we’d be so grateful if you could look through the AI Chatbot category on the Wishlist and upvote the ideas you like most.

Your feedback is incredibly important ti us!

1 Like
7

@Max I’ll be happy to do that.

I also found out that you can also enter a hex value for the color.
I had my color wishes :smile: :heart_eyes:

[class*='window__Body-sc'] a {
  color: #FFFFFF; // Link color
2 Likes
8

Yep, hex and rgba values are supported in our apps :slightly_smiling_face:

1 Like