How does the Style tab work in IvyForms

The Style tab manages the overall look of your form, including the background, fields, buttons, and confirmation messages. You can pick a pre-made style and customize it, save your customized design as a reusable theme, or disable IvyForms styling so the form inherits the look of your active WordPress theme. Style settings apply to the whole form rather than to individual fields.

IvyForms Lite includes two styles, Ivy (Default) and Amelia, listed under Ivy styles in the Style tab. With an IvyForms Pro Essentials license or higher, you get the full collection of professionally designed styles, from light and minimal to bold and dark. Without a Pro license, the Pro collection shows as a card with an Explore Collection button, and its styles can’t be applied. Themes you save yourself also appear in this list (see the section on saving a theme below).

Click any available style to apply it to your form and see the result instantly in the preview.

The style list is only shown while the Disable styles toggle at the top of the tab is off. To use your theme’s styling instead, see the section below.

You can disable IvyForms styles by turning on the Disable styles toggle at the top of the Style tab, which makes the form use your active theme’s styling instead. The toggle is off by default, so every form starts with the selected IvyForms style applied. While it’s on, the style list is hidden, and the form takes its fonts, field appearance, and colors from the theme. This is useful when you want forms to blend into your site without recreating your theme’s design inside IvyForms.

Hover over the question mark next to the toggle for a short description of what it does. Turn the toggle off again at any time to bring back the style list and keep customizing the selected style.

Make sure the Disable styles toggle is off; otherwise, the style list and its editing options aren’t available.

You edit a style by clicking the three-dot menu next to it and selecting Edit. This selects the style and opens its settings, where you can choose between Quick Start and Advanced mode. All changes appear in the preview right away. The header of the editor also contains the Reset and Save as theme buttons. Click the back arrow to return to the list of styles.

Quick Start gives you the essential controls to restyle a form in a few clicks: form background, borders, spacing, field appearance and button styling. It’s the right choice when you want your form to match your brand quickly without adjusting every element.

Advanced mode gives you detailed control over each part of the form, including colors, typography, borders, and spacing. Settings are grouped into sections:

• General form settings, form title, and form description
• Field labels, placeholders, and field states
• Checkbox and radio selection, and button states
• Confirmation message
• Rating, slider, date and time picker, select fields, and CSS classes

Some IvyForms Pro features add their own sections here when they’re active.

You can save your current style settings as a new theme by clicking Save as theme in the style editor, or by choosing Save as new theme from the three-dot menu of any style. The new theme copies everything currently applied to your form, including colors, typography, field and button styles, spacing, and borders, so you can reuse the same design on other forms without rebuilding it.

Where do I find the Save as theme options?

There are two places to start from, and both open the same window.

• Style editor: open a style with Edit, then click Save as theme in the header, next to Reset. This is the best choice after you’ve customized a style, because the theme captures your current changes.
• Style list: click the three-dot menu next to a style and select Save as new theme. This is a quick way to copy the settings your form currently uses without opening the editor.

How do I name and save the theme?

You name and save the theme in the Save as theme window by typing a name into the Theme name field and clicking Save. The name is required, so IvyForms shows an error if you leave the field empty. Click Cancel to close the window without saving anything.

Once saved, a confirmation message appears, and the new theme is selected on your form and added to the Ivy styles list. Your original style stays unchanged, and the new theme can be applied to any other form on your site.

You reset style changes by clicking Reset at the top of the style settings and confirming. This restores the selected style’s original values, and it can’t be undone. If you want to keep your customized design, save it as a new theme before you reset.

A few habits help your forms look good and stay easy to use:

• Start from the style closest to your website’s look, so you have fewer changes to make.
• Keep enough contrast between text, fields and the background for readability.
• Use your brand colors consistently across buttons, borders and highlights.
• Keep spacing moderate so the form doesn’t feel cramped or stretched.
• Save a design you like as a new theme before you reset or switch styles, so you can reuse it later.
• Check the form on the front end, including on mobile, after making changes.
• Don’t switch styles after customizing unless you’re ready to start over.
• Turn on Disable styles if you’d rather have the form match your theme than a pre-made style.