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.