# Themes in Forms/Surveys > Apply and Customize Themes for Forms and Surveys in GHL Customer Care - Source: https://docs.ghlcustomercare.com/docs/sites/forms/themes-in-forms-surveys - Section: Sites / Forms - Reading time: 3 min - Images: 3, each explained below - Modified on Mon, 27 Apr at 11:31 PM --- Launch polished, on‑brand Forms and Surveys faster with Themes in GHL Customer Care. Themes are ready‑made presets that apply a cohesive design in a single step. This article explains how to apply and customize themes for your forms and surveys. --- **TABLE OF CONTENTS** - [What are Themes in Forms and Surveys?](#what-are-themes-in-forms-and-surveys) - [Key Benefits of Themes in Forms and Surveys](#key-benefits-of-themes-in-forms-and-surveys) - [How to Apply a Theme to a Form or Survey](#how-to-apply-a-theme-to-a-form-or-survey) - [How to Customize a Theme](#how-to-customize-a-theme) - [Frequently Asked Questions](#frequently-asked-questions) - [Related Articles](#related-articles) --- # **What are Themes in Forms and Surveys?** Themes in the Form and Survey Builder bring extensive customization options, allowing you to choose from a variety of professionally crafted themes to match your brand's identity. With user-friendly controls and real-time previews, you can easily create visually stunning and responsive forms. These themes streamline the design process, saving you time and ensuring a consistent and professional look across multiple forms. Regular updates to the themes library keep your forms on the cutting edge of aesthetics. --- ## **Key Benefits of Themes in Forms and Surveys** - **Consistency:** Creates a cohesive look across the entire asset with one selection. - **Speed-to-Launch:** Reduces setup time by starting from a polished preset. - **Responsive by Default:** Automatically adapts to mobile, tablet, and desktop for a consistent experience. - **Real‑Time Previews:** Validate changes instantly before publishing or embedding. --- ## **How to Apply a Theme to a Form or Survey** 1. Open your **Form** or **Survey** in the builder. 2. Click **Styles & Options** (top‑right) to open the **Right Sidebar**. 3. Select the **Themes** tab and choose your preferred Theme. ![How to Apply a Theme to a Form or Survey (image 1 of 3)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155061266892/original/psYjpvaRJolA7utmuRXqwxIgL_qkR6pXlg.png) **How to Apply a Theme to a Form or Survey (image 1 of 3)** This screenshot appears in the "How to Apply a Theme to a Form or Survey" section of "Themes in Forms/Surveys". The text alongside this image reads: Open your Form or Survey in the builder. Click Styles & Options (top‑right) to open the Right Sidebar. Select the Themes tab and choose your preferred Theme. Immediately after, the guide continues: After selecting a Theme, refine brand colors and imagery in Styles & Options → Styles → Colors & Backgrounds. - Where to go: Open your Form or Survey in the builder. Click Styles & Options (top‑right) to open the Right Sidebar. Select the Themes tab and choose your preferred Theme. - Controls: Form, Survey, Styles & Options, Right Sidebar, Themes - Next: After selecting a Theme, refine brand colors and imagery in Styles & Options → Styles → Colors & Backgrounds. Full procedure: 1. Open your Form or Survey in the builder. 2. Click Styles & Options (top‑right) to open the Right Sidebar. 3. Select the Themes tab and choose your preferred Theme. --- ## **How to Customize a Theme** After selecting a Theme, refine brand colors and imagery in **Styles & Options** → **Styles** → **Colors & Backgrounds**. ### **Button Themes (Gallery & Live Preview) ** Button Themes provide curated presets—**Filled**, **Border**, and **Text Only**—that apply best-practice color, typography, and spacing. Start with a theme for speed, then refine with the Button Styling Panel to maintain brand consistency. ### **Customize After Applying a Theme ** - ### Close the gallery to return to the Button Styling Panel. - Use **Colors & Background**, **Typography**, **Layout & Alignment**, **Padding**, **Border & Corner Radius**, and **Shadow** to refine the look. - Toggle **Full Width** if needed. ### **Branding & Color Tokens ** - Confirm how **Primary Color** maps to button fill, border, and text for your chosen theme (Needs Confirmation). - Adjust colors to meet accessibility contrast guidelines. ### **Consistency Across Assets (Conditional) ** - If button themes are reusable across Forms/Surveys, apply the same theme across assets to standardize CTAs. - If themes are per asset, repeat the apply/customize steps on each form or survey. ### **Revert or Try Another Theme ** - Open **Select Themes** to switch presets, or use **Reset/Revert** in the panel to undo changes. ### **Adjust Colors** - Use these settings to adjust the background, text input and input border colors to match your branding.  ![Adjust Colors (image 2 of 3)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155061266944/original/wAV-TRKTOjHkbGuzr6dz_zYs7qtjq9tS6g.png) **Adjust Colors (image 2 of 3)** This screenshot appears in the "Adjust Colors" section of "Themes in Forms/Surveys". The text alongside this image reads: Use these settings to adjust the background, text input and input border colors to match your branding. Immediately after, the guide continues: If your selected Theme includes a default background image, remove it first. The upload control remains disabled until the default is deleted. Then click below Background Image to upload your file. - What to fill in: Use these settings to adjust the background, text input and input border colors to match your branding. - Next: If your selected Theme includes a default background image, remove it first. The upload control remains disabled until the default is deleted. Then click below Background Image to upload your file. ### **Change the Background Image** - If your selected Theme includes a default background image, **remove it first.** The upload control remains disabled until the default is deleted. Then click below **Background Image** to upload your file. ![Change the Background Image (image 3 of 3)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155061266927/original/zPEiQEDl_7f9ydWAUcwW8wdENiUjdgHt6w.png) **Change the Background Image (image 3 of 3)** This screenshot appears in the "Change the Background Image" section of "Themes in Forms/Surveys". The text alongside this image reads: If your selected Theme includes a default background image, remove it first. The upload control remains disabled until the default is deleted. Then click below Background Image to upload your file. Immediately after, the guide continues: The default theme for Forms, Surveys, and supported Quiz components now has a refreshed look and feel. - What to click: If your selected Theme includes a default background image, remove it first. The upload control remains disabled until the default is deleted. Then click below Background Image to upload your file. - Controls: remove it first., Background Image - Next: The default theme for Forms, Surveys, and supported Quiz components now has a refreshed look and feel. --- ### **New default theme experience** The default theme for Forms, Surveys, and supported Quiz components now has a refreshed look and feel. This update improves the out-of-the-box appearance with cleaner spacing, more polished inputs, rounded styling, and better visual consistency across supported elements. You will also see clearer empty states and more consistent styling for labels, placeholders, images, footer colors, and chips. --- ## **Frequently Asked Questions** **Q: Why is the "Upload New Background" button disabled?** Delete the Theme’s default background image first. The upload option becomes available once the existing image is removed. **Q: Can I reuse the same Theme across multiple assets?** Apply the Theme per asset. To keep multiple Forms/Surveys consistent, choose the same Theme and mirror your **Styles** settings. --- ## **Related Articles** - [Forms, Surveys & Quizzes: Inline Editing](https://docs.ghlcustomercare.com/docs/sites/forms/forms-surveys-quizzes-inline-editing) - [How to Add Custom CSS to Forms, Surveys, and Quizzes!](https://docs.ghlcustomercare.com/docs/sites/forms/how-to-add-custom-css-to-forms-surveys-and-quizzes) - [Create Forms & Surveys Inside the Site Builder](https://docs.ghlcustomercare.com/docs/sites/funnel-and-website-settings/create-forms-surveys-inside-the-site-builder) - [Analytics for Forms and Surveys](https://docs.ghlcustomercare.com/docs/sites/forms/analytics-for-forms-and-surveys) --- Documentation for GHL Customer Care. Support: support@ghlcustomercare.com