Table of Contents

Message Bubble Class CSS

Abby Updated by Abby

Please note that these classes are specific to Landbot V3 and won't work in previous versions

Message classes

.MessageBubble{
}

.MessageBubble__content{
}

.MessageMediaBubble{
}

.MessageBubbleText{
}

.is-author-user{
}

There are times when you may want to resize or change the position or content of the message blocks,

Elements in Message Bubble Class

User Response Bubble

.is-author-user{
	background-color: grey!important;
}

Please note that it's not possible to apply CSS to specific user bubbles, it will apply to all.

Changing the message bubble size

.MessageBubble{
    width: 600px;
}

Modifying inside of the message bubble

.MessageBubble_content{
    font-weight: 900;
}

Changing an image within a message bubble while maintaining the aspect ratio

.MessageMediaBubble{
    transform:scale(0.4);
}

How did we do?

Media Class CSS

Miscellaneous Classes CSS

Contact