Modify the Font CSS in the Chat

Environment

Product Version	2019.3.1023
Product	Progress® Kendo UI® Chat for jQuery

Description

How can I change the font of the messages and the placeholder in the Kendo UI Chat?

Solution

Use the following CSS class to modify the font in the placeholder and the messages:

css

.k-bubble,
.k-message-box {
  font: italic bold 20px Georgia, serif;
}

Example

	<style>
		.k-bubble,
		.k-message-box {
			font: italic bold 20px Georgia, serif;
		}
	</style>

	<div id="chat"></div>

	<script>
		$("#chat").kendoChat().data("kendoChat");
	</script>