---
title: How to add custom CSS to forms
description: "### Add a special class to your element For example, you want to set the background color of the email field. Please, navigate to the settings of that field. ![](https://crmhelpdocs.com/wp-content/uploads/2023/10/image-1113-1024x630.png) Add a class to that field. ![](https://crmhelpdocs.com/wp-content/uploads/2023/10/image-1114-1024x462.png) ### Add ‘HTML…"
url: "https://crmhelpdocs.com/docs/how-to-add-custom-css-to-forms/"
updated: "2023-10-18"
category: "FAQ's (In Progress)"
---

# How to add custom CSS to forms

### Add a special class to your element

For example, you want to set the background color of the email field. Please, navigate to the settings of that field.

![](https://crmhelpdocs.com/wp-content/uploads/2023/10/image-1113-1024x630.png)

Add a class to that field.

![](https://crmhelpdocs.com/wp-content/uploads/2023/10/image-1114-1024x462.png)

### Add ‘HTML Element’ to the form builder.

Under the ‘Layout’ section, we have the ‘HTML Element’. Please, drag that element to the form

![](https://crmhelpdocs.com/wp-content/uploads/2023/10/image-1115-1024x515.png)

Please, navigate to the settings of the ‘HTML Element’

![](https://crmhelpdocs.com/wp-content/uploads/2023/10/image-1116-1024x578.png)

Add the CSS codes here

![](https://crmhelpdocs.com/wp-content/uploads/2023/10/image-1117-1024x625.png)

And, you will see the changes 🙂

![](https://crmhelpdocs.com/wp-content/uploads/2023/10/image-1118-1024x627.png)