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

Dynamic Data

Article

How did we do?

Advanced (Custom CSS & Custom JS)

Background Class CSS

Contact