Contact Form 7

How to Use the Contact Form 7 Widget of UltraAddons Elementor Lite Pro

With Contact Form 7 widget you can embed your contact form very easily. Also you can easily customize the form look. You don't need to copy paste the shortcode.

There are lots of option to customize the look of Contact Form 7. See below for those options short brief:

Content Tab

• Select Your Form: Choose your form from existing list of Contact Form 7. If not installed Contact Form 7 and not found existing form, field will be empty.

• html class: Set a wrapper custom class. If you want to handle by CSS.

Wrapper Link

Set the Wrapper Link that are applicable to this widget.

Hover Effect

Set the Hover Effect that are applicable to this widget.

Style Tab

General

• Alignment: Align the content to the left, right, center or justified

• Text Color: Change the color of the text.

• Typography: Choose custom to change the typography, just like with the title

Input Fields

• Border: Control the thickness of the border around the button

• Text Color: Change the color of the text.

• Border Color: Choose the border’s color

• Background Color: Choose the Field Background’s color

• Text Area Height: set height.

• Sub Heading Typography: Choose custom to change the typography, just like with the title.

Button

Set the Button Options that are applicable to this widget.

Others

• Required Text Color: Change the color of the required text message.

• Response Text Color: Change the color of the response text message

• Error Text Border Color: Change the border color of response Message box.

Transform

Set the Transform that are applicable to this widget.

Background Overlay

Set the Background Overlay that are applicable to this widget.

Advanced Tab

Set the Advanced options that are applicable to this widget