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…

Background Class CSS

Background classes and some examples of how to use them

Identify Blocks CSS

Block classes and some examples of how to use them

Buttons Class CSS

Button classes and some examples of how to use them

Header Class CSS

Header classes and some examples of how to use them

Media Class CSS

Media classes and some examples of how to use them

Miscellaneous Classes CSS

Miscellaneous classes and some examples of how to use them

Dynamic Data CSS

There are just a few classes for the Dynamic Data block, however, with little we can do a lot. Autocomplete..dropdown-item:hover{ }.DropdownItem__Content{ } To change the background color (or text co…

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…

CSS Examples: Lead Gen

Collecting information from leads can be tricky as they have a tendency to quit halfway through. For these simple lead cases, we've created a template that displays the questions one by one so the us…

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

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.

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…

Landbot v3 - Web CSS - RTL

If you want to adapt the design of the interface for RTL users, please add the code below to the Design / Code / Add CSS section v.04 Last update 19th April 2021 (Spacing in text input) body{ directi…