1. Home
  2. Docs
  3. Everest Forms
  4. Everest Forms add-ons
  5. Style Customizer

Style Customizer

This addon 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.

I. Installation

  1. Firstly, you need to purchase the Everest Forms Pro plugin.
  2. After the successful purchase, you will get the plugin zip file under your WPEverest account page.
  3. Now, you can download the Everest Forms Pro plugin and Everest Forms Style Customizer addon from there.
  4. Through your WordPress Dashboard, visit Plugins -> Add New -> Upload and then choose the downloaded zip file and then install and activate it.
  5. Now you are ready to use this add-on for your site.

II. 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.

style customizer icon

 

III. Using the Customizer

There are basically 10 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:

i. 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 Default and Classic Template.

ii. Form Wrapper

The Form Wrapper resembles the total outline and the background of the form. The options that can be configured from here are:

  • Form Width
  • Font Family
  • Background Color
  • Border Type
  • Border Width
  • Border Color
  • Border Radius
  • Form Margin
  • Form Padding

iii. Field Labels

form label everest forms style customizer

The Field Labels refers to the labels and the descriptions provided for the form fields. The following settings can be enabled or changed in this section:

  • Font Size
  • Font Color
  • Font Style
  • Text Alignment
  • Line Height
  • Margin
  • Padding

iv. Field Sublabels

form sublabel everest forms style customizer

The Field Sublabels are the further subdivided labels of the fields of your forms. You can modify the following settings in this section:

  • Font Size
  • Font Color
  • Font Style
  • Text Alignment
  • Line Height
  • Margin
  • Padding

v. Field Description

The description provided to describe each of the form fields can be customized in this section. The following options are enabled for it:

  • Font Size
  • Font Color
  • Font Style
  • Text Alignment
  • Line Height
  • Margin
  • Padding

vi. Field Styles

field styles everest forms style customizer

The description or the field data provided by the users to the form fields can be edited in this section. The options enabled for customization in this section are as follows:

  • Font Size
  • Font Color
  • Placeholder Font Color
  • Font Style
  • Alignment
  • Border Type
  • Border Width
  • Border Color
  • Border Focus Color
  • Border Radius
  • Background Color
  • Field Margin
  • Field Padding

vii. Radio/Checkbox Style

radio checkbox style everest forms style customizer

This section refers to the different type of texts, numbers, or symbols used for the checkboxes or the radio buttons. The following options are available in this section:

  • Font Size
  • Font Color
  • Font Style
  • Alignment
  • Inline Style
  • Style Variation
  • Radio/Checkbox Color
  • Form Margin
  • Form Padding

vii. Section Title

section title everest forms style customizer

This section introduces the customizations for the section titles. The options enabled in this section are as follows:

  • Font Size
  • Font Color
  • Font Style
  • Text Alignment
  • Line Height
  • Form Margin
  • Form Padding

ix. Button Styles

The Button Styles are the various styles for the different buttons used on your form. The options for it are:

  • Font Size
  • Font Style
  • Font Color
  • Hover Font Color
  • Button Color
  • Button Hover Color
  • Button Alignment
  • Border Type
  • Border Width
  • Border Color
  • Border Hover Color
  • Border Radius
  • Line Height
  • Button Margin
  • Button Padding

x. Additional CSS

As the name suggests itself, Additional CSS can be used to to add your own CSS codes to customize your form the way you want. You can see an CSS editor in the customizer where you can add all the CSS codes you want.

Was this article helpful to you? Yes No

How can we help?