Multi Questions CSS
Title. [data-block=“Block_reference”].MessageBubble__content h4 { } Subtitle. [data-block=“Block_reference”].MessageBubbleText p { } Question Header. [data-block=“Block_reference”] form div:nth-child…
Form Block CSS
Form Title. [data-type="multi_question"].MessageBubble__content h4 { } Width of Form Block:. [data-type="multi_question"].Message__message-content { } Form Subtitle. [data-type="multi_question"].Mess…
Dynamic Data CSS
There are just a few classes for the Dynamic Data block, however, with little we can do a lot. Here are some of them:.dropdown-item:hover{ }.DropdownItem__Content{ } Autocomplete Background. To chang…
Miscellaneous Classes CSS
Miscellaneous classes and some examples of how to use them
Media Class CSS
Media classes and some examples of how to use them
Buttons Class CSS
Button classes and some examples of how to use them
Identify Blocks CSS
Block classes and some examples of how to use them
Background Class CSS
Background classes and some examples of how to use them
Header Class CSS
Header classes and some examples of how to use them
CSS for Typewriter Effect
This article will help you create a Typewritter effect for the message blocks using CSS. You need to copy the following CSS and paste it in the Design Section >> Custom CSS: body { font-family: monos…
CSS Customization Examples: "Translucid"
In this example, we'll create a translucid modal that overlays our webpage in order to provide a more simple way to chat.
Message Bubble Class CSS
Message bubble classes and some examples of how to use them
Components CSS Library Index
A CSS Library with links to articles and several classes
Advanced (Custom CSS & Custom JS)
Landbot 3 🚀. Landbot 3 is the new version of our chatbots UI. As well as in the previous version, you can add custom: CSS. JS. You can also expand them like this: Click on Apply , then on Save , to s…
CSS Customization Examples: Video Bubble
Add a video to your welcome message!