Hi @niels231.
There are some styling options you can set in your WordPress Dashboard.
Please navigate to “Watson Assistant” -> “Customize Plugin” -> “Chat Box”:
View post on imgur.com
There you can specify font sizes, color, and other:
View post on imgur.com
If you are looking to change font-face or more complex things, you can:
1) Change WordPress theme (Watson Assistant plug-in inherits theme default settings).
2) Modify site’s stylesheet (style.css) and add any necessary styles. For example the following block will override chat box font family:
#watsonconv-floating-box {
font-family: Georgia, serif;
}
Hope it helps!
i meant indeed the last solution and it helped!
Thank you!
Hi! So #watsonconv-floating-box is still active for updating custom CSS? If I want to update CSS of hyperlinks in my application so what? a:link #watsonconv-floating-box {
color: //color choice ;
}
Like this? Though this does not work
Hey @wiauser.
Yes, #watsonconv-floating-box is still active for updating custom CSS.
Your code doesn’t work because #watsonconv-floating-box is the parent element of the chat window. To change the child elements, you must specify them or their css selectors (id, class) after the parent element.
For example, the following block overrides the color of the all links in the chat:
#watsonconv-floating-box a {
color: //color choice ;
}
If you still have questions, feel free to ask them.