Contact Form 7
ith this element you can add contact forms to your page, created with Contact Form 7 plugin and style this forms in an intuitive easy-to-use way without coding. Please note: you need to install Contact Form 7 plugin in order to be able to use this element.
Check this demo page showing different contact form styles:
https://codex-themes.com/thegem-elementor/elements/contact-forms/
Note: all this styles can be easily customized to meet your individual design needs. No coding needed.
You can find “Contact Form 7” element in editing panel of Elementor in “TheGem Elements” group
Content Tab
Layout
Skin: we have added 5 pre-designed style presets for contact forms which you can select here.
Contact Form
In this section you can select the contact form you have created in Contact Form 7 plugin, which you wish to add to your page.
Style Tab
Form Fields Style
In this section you can style the appearance of fields, used in the selected contact form. You can specify width, bottom spacing and many other settings.
Fields Content Style
Here you can customize style settings for input text and placeholders.
Label Style
Specify position, alignment and other settings for form’s labels
Radio & Checkbox
By default, the style of radio and checkboxes, used in contact form, bases on the style of form fields. However you can customize this style individually for radio and checkboxes by activating “Custom Style” option.
Submit Button Style
Here you can control the appearance of submit button, used in selected contact form.
Errors Style
This section enables you to customize alert messages, error messages, validation errors and appearance of fields with errors.