This add-on will help you to edit the form that you created using the Everest Forms plugin. You can easily customize each and every component of your form with the help of this addon. It can help you to make your form very intuitive with an excellent design. To know more about this addon, let’s go through the following documentation.
Installation #
This add-on is available in both the Free and Pro versions. The Pro version offers additional style options.
- Firstly, you need to activate the Everest Forms or Everest Forms Pro plugin.
- After that, you can activate the module from EverestForms > Addons > All Features > All Modules.
- Search Style Customizer add-on and install it.
- Now, you are ready to use this add-on for your site.
Setup and Configuration #
The Style Customizer is already configured on your form when you activate it. Once you finish installing and activating the addon, you can easily create your form from the dashboard. After you’ve created it, you can see the form designer icon on the bottom right of the screen of your dashboard. Click on it and you will be able to see your Everest Forms Style Customizer. You can endlessly modify your form with the help of it.
Using the Customizer #
There are basically 5 sections that you can change on your website. However, the texts and the numbers of the form cannot be edited using the addon. Only the style of the components of the form can be changed with the help of this addon. The following sections of your form can be edited as you desire:
Active Template #
This is one of the major customizable option of the addon. The Active Template allows you to change the overall layout of the form. Here, you can choose between the available templates or create a New Template and style it.
There are different templates you can choose from and apply to your forms. Some are free, while others are only available with the Pro version.
You can find different templates available in the free and Pro versions.
Color Palette #
You can customize the style of your forms using the available color palettes. Some palettes are free, while others are available in the premium version, which also lets you edit the palette as you like.
General #
The General resembles the total outline and the background of the form. The options that can be configured from here are:
- Font
- Form Container
- Field Styles
- File Upload Styles
- Button
- Typography
Font #
You can choose any font for your theme.
Form Container #
You can adjust the Width, Border Type, Border Radius, Background Image, Form Margin, and Form Padding to customize the form layout.
Field Styles #
In Field Styles, you can choose the Border Type, Border Width, and Border Radius for fields.
File Upload Styles #
In File Upload Styles, you can choose the Border Type, Border Width, and Border Radius for the file upload field.
Button #
For the button, you can choose the Border Type, Border Width, and Border Radius.
Typography #
In Typography, you can style the Field Labels, Field Sublabels, Field Styles, Field Description, and Section Title. You can toggle the button next to each option and customize the styles as you wish.
Form Messages #
You will have three different types of messages that you can customize. All three of them have similar customization options. For example, If you want to customize the Success Message then you have the following options.
Additional CSS #
As the name suggests, Additional CSS allows you to add your own CSS codes to customize your form. The customizer has a CSS editor where you can add all the CSS codes you want.
Using Elementor #
If you use an Elementor for building the pages, you can customize the form via the Elementor styling section(on the right-hand side). Most of the options available on the Everest Forms customizer page are available on the Elementor too.
Available Options(as per the sections):
You can choose any of the available settings and expand it to style the form as per the sections.
Create Multiple Custom Templates Pro #
In the customizer screen, go to the Template section. To save the designs you have created in a separate template, give the template name and click on Create.
