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:

.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>