Add this code to the Custom CSS field on the General tab of your AI Chatbot widget’s settings:
/* Window Header */
[class='window-header__Title-sc'] {
font-size: 16px;
}
/* Assistant Message */
.es-message-assistant .es-message-content-container p {
font-size: 14px;
}
/ Time /
.es-message-content-meta {
font-size: 11px;
}
/ User Message /
.es-message-user .es-message-content-container p {
font-size: 14px;
}
/ Form Placeholder /
[class='form-layout__Form-sc']
[class*='TextControlBase__TextControlBasePlaceholder-sc'] {
font-size: 12px;
}
/* Form Consent */
[class='form-layout__Form-sc'] [class*='choice-option__ItemLabel-sc'] {
font-size: 12px;
}
/* Form Submit */
[class='form-layout__Form-sc'] [class*='action-button__Text-sc'] {
font-size: 12px;
}
/* Chat Placeholder */
.es-interaction-field-text-control
[class='TextControlBase__TextControlBasePlaceholder-sc'] {
font-size: 12px;
}
/* Quick Replies */
.es-quick-reply-button {
font-size: 12px;
}
/* Footer */
[class='footer__FooterText-sc'] {
font-size: 12px;
}