# Hiding fields using CSS

> Learn how to hide fields using CSS in Happyforms.

Source: /happyforms-fields/hiding-fields-using-css

> For the complete documentation index, see [llms.txt](/llms.txt).

# Hiding fields using CSS

1. On your Form Editor, head to **Build tab.**
2. Select the field that you want to hide, find the **"Additional CSS Class(es)"** section then input the name of the new class that will be added on that field.

**Here is an example:**

![Hiding fields using CSS screenshot 1](/images/happyforms-fields/hiding-fields-using-css-1.png)

3. Once the new class is declared on your field, head to your theme's customization settings. To do this, head to your WordPress Dashboard, click **"Appearance"** then "**Customize".**
4. Find the **"Additional CSS"** tab then insert this code snippet.

![Hiding fields using CSS screenshot 2](/images/happyforms-fields/hiding-fields-using-css-2.png)

3. If ever the **"Additional CSS"** tab is not available you can try adding it on the **style.css** file. To get there, head to your WordPress Dashboard, click **"Appearance"** then select **"Theme File Editor".** Find the **style.css** file then add the same code snippet.

![Hiding fields using CSS screenshot 3](/images/happyforms-fields/hiding-fields-using-css-3.png)

6. Make sure to **"update"** or **"publish"** to save your configuration.