# Doc: https://www.hipaatizer.com/docs/form-builder/styling/themes

> LLM view for https://www.hipaatizer.com/docs/form-builder/styling/themes

This file contains all documentation content in a single document following the llmstxt.org standard.

## How to Style Your Forms in HIPAAtizer - HIPAAtizer

# Themes

HIPAAtizer provides several options for styling your forms. You can find all the styling settings in the Styling tab, located in the left-hand navigation menu of the Form Builder.

## Create a Theme

By default, the form theme is set to "Default," but you can create your own theme and apply it across all your forms.

- To create a theme, first click on the "Create Theme" button, then give your theme a unique name.

![HIPAAtizer Themes panel with the Create Theme button and the theme name input field](https://www.hipaatizer.com/docs/assets/images/3-dc286367d654f8f71d7e859b8b3c3163.png)

- Click on a section to change that portion of the theme. For example, to change the font type and button color, navigate to the Font section first and select the desired font from the Fonts dropdown.

![HIPAAtizer theme editor with the Font section open and the Fonts dropdown showing font options](https://www.hipaatizer.com/docs/assets/images/5-ebb41a41b556873791bf48f11db16688.png)

![HIPAAtizer theme editor Font section with a custom font selected from the dropdown](https://www.hipaatizer.com/docs/assets/images/6-0304b8f6a74ae5708b919961a06548fd.png)

- After adjusting the font, go to the Submit Button section and choose the appropriate color from the Background Color field. Save your changes by clicking on the "Save Changes" button.

![HIPAAtizer theme editor Submit Button section with the Background Color field and Save Changes button](https://www.hipaatizer.com/docs/assets/images/7-f9421b10a1779be2ca04e32e524abef5.png)

### Preview your theme

To preview your changes, click on the Preview switch button in the top right corner.

### Edit your Theme

To make adjustments to your theme, switch back to the form builder and navigate to the Styling tab again. Your theme will appear in the Themes list and will be selected as the current theme.

Click the "Edit" icon to modify your theme. Once you're satisfied with the form's appearance, save and publish your form.

![HIPAAtizer Themes list showing a custom theme with the Edit icon highlighted](https://www.hipaatizer.com/docs/assets/images/10-bbb10aedae7fcabec9ee10b71ac14b14.png)

![HIPAAtizer theme editor with the custom theme settings open for modification](https://www.hipaatizer.com/docs/assets/images/11-c12c6b3418d3aa62417e884c4121d4b0.png)

## Generate a Theme

If you want to apply styles from your website, you can use the Generate Theme option. Please note that HIPAAtizer might not be able to recognize styles from your website.

- Click on the "Generate Theme" button. Enter your website URL and click on the Generate button. For example, let's use the HIPAAtizer contact us form page: https://www.hipaatizer.com/contact-us/

![HIPAAtizer Generate Theme button in the Themes panel](https://www.hipaatizer.com/docs/assets/images/13-f98215105bbaa062080324ebb9b43618.png)

![HIPAAtizer Generate Theme dialog with a website URL entered and the Generate button](https://www.hipaatizer.com/docs/assets/images/14-7a23da2ed3cb6a0c73fae1c5619d5c59.png)

- Your generated theme will be displayed in the Themes tab. You can rename it and edit its styles. Click on the "Preview" switch button to see the applied changes. Once you have completed all settings, save and publish your form.

![HIPAAtizer Themes list showing the generated theme from the website URL](https://www.hipaatizer.com/docs/assets/images/15-a5a255485ef5c259b7ec26bc39919ba1.png)

## Use HIPAAtizer's CSS Presets

Currently, HIPAAtizer offers one CSS preset, "Round." To apply it, please follow these steps:

- Go the the CSS Presets tab, and click on the "Round" preset. Then, click on the "Preview" switch button to see the applied changes.

![HIPAAtizer CSS Presets tab showing the Round preset option](https://www.hipaatizer.com/docs/assets/images/17-75a17ac874d51e58cf1af68ed991ae5f.png)

![HIPAAtizer form preview with the Round CSS preset applied showing rounded field corners](https://www.hipaatizer.com/docs/assets/images/18-a8fd4fb6272c7b2df4b48acc9c71cbc0.png)

- To reset the preset, click on the Reset CSS Preset button. The form will revert to the Default theme.

![HIPAAtizer CSS Presets tab with the Reset CSS Preset button highlighted](https://www.hipaatizer.com/docs/assets/images/20-c5f64a6bea03bcd26b86c801a7283a80.png)