Chat design

Hello,

Unfortunately, this feature is currently not available within the Default Templates. We will surely consider adding this in Our Future Updates and will send you a Notification once this is available.

Meanwhile, you can consider using these Type of Chat Bubbles:
[ch_pre]
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptates, reiciendis.

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptates, reiciendis.

[/ch_pre]

along with this CSS Codes:
[ch_pre type="css"].chat-bubble {
position: relative;
width: 300px;
margin: 50px auto;
padding: 1.5rem;
border-radius: 15px;
background: #EEE;
color: #333;
font-size: 1.125rem;
}

.chat-bubble::before {
content: "";
position: absolute;
width: 0;
height: 0;
border-left: 15px solid #EEE;
border-right: 15px solid transparent;
border-top: 15px solid #EEE;
border-bottom: 15px solid transparent;
right: -16px;
top: 0;
}

.chat-bubble.chat-bubble-left::before {
border-left: 15px solid transparent;
border-right: 15px solid #EEE;
border-top: 15px solid #EEE;
border-bottom: 15px solid transparent;
left: -16px;
right: auto;
}[/ch_pre]

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.