In this documentation, we will show you how to customize the Caldera Form widget presented by Element Pack Pro.

Download and Install the Caldera Form

1. Go to Element Pack Pro > 3rd Party Widget dashboard.
2. Search by the ” Caldera Form ” name.
3. Then click on the ” Plugin ” icon on it will redirect to Caldera Form website.

Download the Caldera From plugin.

4. Click on the ” Upload Plugin ” it will open a choose file.
5. Click on the ” Choose file ” and select downloaded file.
6. Then click on the ” Install Now ” button.

7. Now click on the ” Activate Plugin ” button to activate the Caldera Form.

Activate the Caldera Form

1. Go to Dashboard Element Pack Pro > 3rd Party Widgets.
2. Search by the ” Caldera Form ” name.
3. Activate the ” Caldera From ” widget.
4. Click on the ” Save Settings ” button to make the save changes.

Make a Form

If you want to know how to make custom forms with the Caldera Form plugin, please refer to their official website for tutorials.

Inserting The Caldera Form Widget

Inserting the widget by following this,

1. Search by the Caldera From widget name.
2. Then select the appear widget ( with Element Pack Pro logo T.R corner).
3. After Drag and Drop it on the Elementor Editor page.

Content Tab

The Content tab controller displayed here offers the flexibility to adjust the layout of the widget according to your preferences.

Layout Section

Go to Content > Layout

1. After selecting the Caldera From it will appear a message to select the Form.

2. Select Form: Select the form from the source. This will appear the form.

Style Tab

Provide the controller to make the visual appearance or presentation of the tabs. This includes aspects that are visually appealing and cohesive with the overall design of the interface.

Label Section

Go to Style > Label

Make the label interactive by following,

1. Color: Set the color for the label.
2. Typography: Set the typography for the label.

Sub Label Section

Go to Style > Sub Label

Make the sub label interactive,

1. Color: Set the color for the sub label.
2. Typography: Set the typography for it.

Input Section

Go to Style > Input

Make the input field more interactive by following,

1. Text Color: Set the text color for input.
2. Placeholder Color: Set the placeholder color for it.
3. Background Color: Set the background color for it.

4. Textarea Height: Set the textarea height for the input section.
5. Padding: Set the padding.
6. Element Space: Set the Element Space for it.

7. Border Style: Set the style for the border.
8. Border Type: Set the type the border.
9. Border Width: Set the width for the border.

10. Border Color: Set the color for the border.
11. Border Radius: Set the border radius.

Submit Button Section

Go to Style > Submit Button

Normal State form the Submit Button

Make the submit button stylish by following,

1. Text Color: Set the text color for the button.
2. Background Color: Set the backgroud color.
3. Border Type: Set the border type.

4. Border Width: Set the width for the border.
5. Border Color: Set the color for the border.
6. Border Radius: Set the radius for the border.

7. Border Style: Set the border style for input.
8. Border Type: Set the border type.
9. Border Width: Set the border width for input.

10. Border Color: Set the color for the border.
11. Border Radius: Set the radius for the border.

Hover State form the Submit Button

The changes will appear on mouse hover,

12. Text Color: Set the text color for the button.
13. Background Color: Set the background color.
14. Border Color: Set the border color.

Error Section

Go to Style > Error

Make the error stylish,

1. Color: Set the color for the error message.
2. Background Color: Set the background color.
3. Typography: Set the typography.

Additional Options Section

Go to Style > Additional Options

1. Fullwidth Button: Enable the switcher to show the fullwidth button.

Video Assist

You can watch the video above to learn about the Caldera Form widget.
Please visit the demo page for examples.

Thanks for staying with us.