INTRODUCING
Divi Supreme Contact Form 7 Module
Big fan of Contact Form 7 plugin? Now with Supreme Contact Form 7, you can select your contact Form from the dropdown list without having to go back and forth switching between Visual Builder and Contact Form 7 setting page copying the shortcode and adding to the Divi Code Module. Style your Input Fields, Button, Labels, Validation, Error Messages and more!
Demo #1
[dsm_text_notation before_text=”How can we ” notation_text=”Help?” notation_color=”#42275a” notation_width=”2″ notation_iterations=”4″ notation_padding=”||7px||false|false” _builder_version=”4.6.6″ _module_preset=”default” header_font=”Lato||||||||” notation_font=”|700|||||||” custom_margin=”||5px||false|false” global_colors_info=”{}” _i=”0″ _address=”2.0.0.0″ theme_builder_area=”et_body_layout” /]
Your content goes here. Edit or remove this text inline or in the module Content settings.
[dsm_icon_list icon_color=”#734b6d” icon_font_size=”20px” list_space_between=”8px” text_indent=”15px” _builder_version=”4.16″ _module_preset=”default” text_font=”Lato|700|||||||” text_text_color=”#000000″ text_font_size=”17px” global_colors_info=”{}” theme_builder_area=”et_body_layout”][dsm_icon_list_child text=”hello@divisupreme.com” font_icon=”||divi||400″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}” theme_builder_area=”et_body_layout”][/dsm_icon_list_child][dsm_icon_list_child text=”+1 234 567 89″ font_icon=”||divi||400″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}” theme_builder_area=”et_body_layout”][/dsm_icon_list_child][dsm_icon_list_child text=”123 Main Street, New York, NY 10030″ font_icon=”||divi||400″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}” theme_builder_area=”et_body_layout”][/dsm_icon_list_child][/dsm_icon_list]
[dsm_contact_form_7 cf7_library=”987511725″ button_alignment=”right” input_background_color=”#f4f4f4″ error_msg_background_color=”rgba(0,0,0,0)” validation_error_background_color=”#e02b20″ validation_success_background_color=”#734b6d” _builder_version=”4.24.0″ _module_preset=”default” labels_font=”Montserrat|700||on|||||” labels_text_color=”#bcbcbc” labels_letter_spacing=”1px” input_textarea_select_text_color=”#000000″ error_msg_text_color=”#e02b20″ error_msg_font_size=”11px” error_validation_font=”Montserrat||||||||” error_validation_text_color=”#ffffff” success_validation_font=”Montserrat||||||||” custom_button_one=”on” button_one_text_size=”17px” button_one_text_color=”#ffffff” button_one_bg_color=”#42275a” button_one_border_width=”0px” button_one_border_radius=”5px” button_one_font=”Lato|900||on|||||” button_one_use_icon=”off” button_one_custom_padding=”7px|30px|7px|30px|true|true” hover_enabled=”0″ border_radii_image=”on|5px|5px|5px|5px” border_radii_error_validation=”on|5px|5px|5px|5px” border_width_all_error_validation=”0px” border_radii_validation_success=”on|5px|5px|5px|5px” border_width_all_validation_success=”0px” global_colors_info=”{}” theme_builder_area=”et_body_layout” sticky_enabled=”0″][/dsm_contact_form_7]
Demo #2
Get in Touch with Us
Demo #3
[dsm_text_rotator text_rotator=”%91{%22value%22:%22Say Hello!%22,%22checked%22:0,%22dragID%22:-1},{%22value%22:%22Shoot us a Message!%22,%22checked%22:0,%22dragID%22:0},{%22value%22:%22Get in Touch!%22,%22checked%22:0,%22dragID%22:1}%93″ text_rotator_animation_in=”fadeInDown” _builder_version=”4.6.6″ _module_preset=”default” header_font=”Lato|700|||||||” header_font_size=”35px” text_orientation=”center” global_colors_info=”{}” _i=”0″ _address=”6.0.0.0″ theme_builder_area=”et_body_layout” /][dsm_contact_form_7 cf7_library=”2096″ button_alignment=”left” input_background_color=”rgba(0,0,0,0)” file_padding=”10px|20px|10px|20px|true|true” file_background_color=”#2193b0 ” error_msg_background_color=”#2193b0″ validation_error_background_color=”#e02b20″ validation_success_background_color=”#2193b0″ _builder_version=”4.16″ _module_preset=”default” placeholder_font=”Montserrat|600|||||||” radio_checkbox_font=”Lato|700|||||||” radio_checkbox_text_color=”#2193b0″ file_font=”Montserrat||||||||” file_text_align=”left” file_text_color=”#ffffff” error_msg_font=”Montserrat|700||on|||||” error_msg_text_align=”center” error_msg_text_color=”#ffffff” error_msg_font_size=”13px” error_msg_letter_spacing=”1px” error_validation_font=”Montserrat|700|||||||” error_validation_text_align=”center” error_validation_text_color=”#ffffff” success_validation_font=”Montserrat|700|||||||” success_validation_text_align=”center” success_validation_text_color=”#ffffff” custom_button_one=”on” button_one_text_size=”18px” button_one_text_color=”#ffffff” button_one_bg_use_color_gradient=”on” button_one_bg_color_gradient_direction=”90deg” button_one_bg_color_gradient_stops=”#2193b0 0%|#6dd5ed 100%” button_one_bg_color_gradient_start=”#2193b0″ button_one_bg_color_gradient_end=”#6dd5ed” button_one_border_width=”0px” button_one_border_radius=”100px” button_one_letter_spacing=”1px” button_one_font=”Lato|700||on|||||” button_one_icon=”%%3%%” button_one_on_hover=”off” button_one_custom_padding=”10px|55px|10px|35px|true|false” border_width_bottom_image=”2px” border_color_bottom_image=”#cecece” border_width_all_error_validation=”0px” border_width_all_validation_success=”0px” global_colors_info=”{}” theme_builder_area=”et_body_layout”][/dsm_contact_form_7]