AI Chatbot Instruction Not Working | Hyperlink Styling

Ask the Community Customization
1

Howdy!

I am using the ai chatbot training instruction given below for hyperlinks. It’s not working.

Can you help?

Thank you!

Hyperlink Styling: All links must follow this CSS logic (note for rendering):
Link color: #278dc5 | Hover/Click: #e14d43 | Visited: #1a5f85

Details:

screenshot-ai-chatbot-instruction-hyperlinks
screenshot-ai-chatbot-instruction-hyperlinks734×787 79.9 KB

2

Hi @AeroConsultants

Add this code to the Custom CSS field on the General tab of your AI Chatbot widget’s settings:

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

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

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

[class*='window__Body-sc'] a:visited {
  color: #1a5f85; // Link color once visited
}
3 Likes
3

Beautiful. It worked. Thank you, @Sina. Have I told you lately how awesome you are? :slight_smile:

3 Likes
4

:hugs:

It is my pleasure.

2 Likes
5

Small Update:

For future reference, adding the following CSS rule to yours helps as well. Give it a spin.

(Note: Change the color to suit your needs)

[class*='window__Body-sc'] a:visited:hover {
  color: #e14d43 !important;
}

Thank you!

1 Like