Table of Contents

Components CSS Library Index

Abby Updated by Abby

Please note that these classes are for V3 Landbots

CSS classes to manipulate the icon

.LivechatLauncher {
}

.launcher__bubble {
}

.launcher__avatar {
}

.LivechatProactive {
}
(Launcher with custom image)
.is-launcher__avatar{
}

(Move proactive to hover over bubble)
.Proactive__card .Message__message-content{
left: 150px;
}

Basic builder classes

.Header {
}

.Header__Logo {
}

.Background {
}

.Background--image{
}

.Footer {
}

.Body {
}

Button classes


Back button
.BackButton__Button {
}

Back button
.custom-button{
}

Buttons
.input-button{
}

Button content
.input-button-label{
}

Button help text
.input-small-header{
}

Media classes

.MessageMediaBubble{
}
.Media{
}

Miscellaneous

     Input text
.InputTextLong__TextArea{
}
Persistent menu items in header
.is-horizontally-centered{
}
Loader
.lb-loader{
}
Emoji
.is-emoji-button {
}

Rating
.InputRating {
}

Proactive Message Card
.Proactive__card{
margin-left: 100px;
}

Hide scroll bar in Webkit browsers

::-webkit-scrollbar {
-webkit-appearance: none;
width: .1px;
}

Privacy Policy Link
.GdprLink__link{
Β  Β color: black;
}

.GdprLink{
font-size:10px
}
Send Icon
*{
--form_inputs_border_color: blue!important;
}
Timestamp
.MessageDate{
display: none;
}

For more information:

Article

Background

Article

Messages

Article

Blocks

Article

Fonts

Article

Widget

Article

Buttons

Article

Media

Article

Miscellaneous

Article

How did we do?

Background Class CSS

Contact