---
title: "Change the styling of a form"
slug: "change-the-styling-of-a-form"
abstract: "Set CSS styles for form elements."
---
# Change the styling of a form

You can add styling to your forms, for example, to use the colors and fonts of your company branding.

![Example of a form with company branding](https://doc.sitecore.com/api/markdown-image/xp/en/users/100/sitecore-experience-platform/images/LighthouseForm.png)

Besides the HTML styles that you can add to texts, you can also set CSS styles for all form elements and define the CSS class for both a field and a label.

> [!note]
> The CSS class and the CSS class for label can be different.

To change the style of a form element:

1. In the **Form designer**, on the form canvas, click the form element you want to style.
2. In the **Form elements** pane, in the **Styling** section, in the **CSS class** field, enter the class for the field or select it from the list of available classes.

    For example, to color the **Submit** button, use the `.btn-success` class:

    ![Use CSS class field to color the submit button example.](https://doc.sitecore.com/api/markdown-image/xp/en/users/100/sitecore-experience-platform/images/97C917BF15CE49C5A52C0B70D8085F17.png)

3. In the **CSS class for label** field, enter the class for the label or select it from the list of available classes.

    For example, to indent the checklist buttons, use the `.checkbox-inline` class.

    ![Inline checkbox CSS class for label example.](https://doc.sitecore.com/api/markdown-image/xp/en/users/100/sitecore-experience-platform/images/StylingSectionPre101.png)

4. Click **Apply**.

    > [!note]
    > We recommend that you preview the form before publishing it on the website. The way the form displays in the Forms application might not reflect the actual styling of the form on the webpage.