Table of Contents

Header Class CSS

Abby Updated by Abby

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

Header Classes

.Header {
}

.Header__Logo {
}

.Header__Description{
}

.Header__Subtitle{
}

Elements in Header Class

Header align elements

In this case, we wanted to move the header description to the right side of the page, to do that we just added the following snippet to "Design">"Custom Code":

.Header__Description{
text-align: right;
}

Here's the result:

Header size and color

In this example I wanted to change the size and the color of my header as well as the font color, to change the color please note that you must use "!important" after the background color you want to change. Here's the snippet I used to change these properties within the "Design">"Custom Code" section:

.Header{
color: hotpink;
background-color: lightgrey !important;
height: 70px;
}

Here's the final result:

Remove Box Shadow

To remove the box shadow from the header we just need to add the following to the CSS of our bot:

.Header{
box-shadow: none!important;
}

How did we do?

Buttons Class CSS

Media Class CSS

Contact