Welcome to Themo World

Where only imagination may be the limit

diver

THEMO includes over 30 fully customizable shortcodes, available in 4 different styles. Fresh and modern design plus deeply considered options make an advantage. You can use one of default styles, you can choose from many presets or you can create you own style using advanced options.

With our shortcodes you can built unique websites, from classic and clean corporate sites to totally creative and animated landing pages. Take your time and see all THEMO shortcodes, to find that they do not have any limits.

Layout 1 – Underlined

transparent light

[ideo_contact_form7 el_form=”2465″ el_margin_bottom=”80″ el_button_size=”small” el_button_align=”center” el_elemnt_style=”transparent-light” el_elemnt_style_colors=”{‘borders_color’:”,’active_borders_color’:”,’text_color’:”,’placeholder_color’:”,’alert_border_color’:”}” el_button_elemnt_style=”transparent-light” el_button_elemnt_style_colors=”{‘font_color’:”,’icon_color’:”,’borders_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_animation=”viewport” el_animation_type=”fadeInLeft” el_uid=”d82b9fef623a”]

Layout 1 – Standard

transparent light

[ideo_contact_form7 el_form=”2467″ el_margin_bottom=”80″ el_button_size=”small” el_button_align=”center” el_elemnt_style=”transparent-light” el_elemnt_style_colors=”{‘borders_color’:”,’active_borders_color’:”,’text_color’:”,’placeholder_color’:”,’alert_border_color’:”}” el_button_elemnt_style=”transparent-light” el_button_elemnt_style_colors=”{‘font_color’:”,’icon_color’:”,’borders_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_animation=”viewport” el_animation_type=”fadeInLeft” el_uid=”a73a6f8c864b”]

Layout 2 – Underlined

transparent light

[ideo_contact_form7 el_form=”2468″ el_margin_bottom=”80″ el_button_size=”small” el_button_align=”center” el_elemnt_style=”transparent-light” el_elemnt_style_colors=”{‘borders_color’:”,’active_borders_color’:”,’text_color’:”,’placeholder_color’:”,’alert_border_color’:”}” el_button_elemnt_style=”transparent-light” el_button_elemnt_style_colors=”{‘font_color’:”,’icon_color’:”,’borders_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_animation=”viewport” el_animation_type=”fadeInLeft” el_uid=”187d43b89d91″]

Layout 2 – Standard

transparent light

[ideo_contact_form7 el_form=”2469″ el_margin_bottom=”80″ el_button_size=”small” el_button_align=”center” el_elemnt_style=”transparent-light” el_elemnt_style_colors=”{‘borders_color’:”,’active_borders_color’:”,’text_color’:”,’placeholder_color’:”,’alert_border_color’:”}” el_button_elemnt_style=”transparent-light” el_button_elemnt_style_colors=”{‘font_color’:”,’icon_color’:”,’borders_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_animation=”viewport” el_animation_type=”fadeInLeft” el_uid=”cf767f4f64dc”]

Layout 3 – Underlined

transparent light

[ideo_contact_form7 el_form=”2470″ el_margin_bottom=”80″ el_button_size=”small” el_button_align=”center” el_elemnt_style=”transparent-light” el_elemnt_style_colors=”{‘borders_color’:”,’active_borders_color’:”,’text_color’:”,’placeholder_color’:”,’alert_border_color’:”}” el_button_elemnt_style=”transparent-light” el_button_elemnt_style_colors=”{‘font_color’:”,’icon_color’:”,’borders_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_animation=”viewport” el_animation_type=”fadeInLeft” el_uid=”5a97b247f97d”]

Layout 3 – Standard

transparent light

[ideo_contact_form7 el_form=”2471″ el_margin_bottom=”80″ el_button_size=”small” el_button_align=”center” el_elemnt_style=”transparent-light” el_elemnt_style_colors=”{‘borders_color’:”,’active_borders_color’:”,’text_color’:”,’placeholder_color’:”,’alert_border_color’:”}” el_button_elemnt_style=”transparent-light” el_button_elemnt_style_colors=”{‘font_color’:”,’icon_color’:”,’borders_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_animation=”viewport” el_animation_type=”fadeInLeft” el_uid=”855e40a6733e”]

Layout 4 – Underlined

transparent light

[ideo_contact_form7 el_form=”2472″ el_margin_bottom=”80″ el_button_size=”small” el_button_align=”center” el_elemnt_style=”transparent-light” el_elemnt_style_colors=”{‘borders_color’:”,’active_borders_color’:”,’text_color’:”,’placeholder_color’:”,’alert_border_color’:”}” el_button_elemnt_style=”transparent-light” el_button_elemnt_style_colors=”{‘font_color’:”,’icon_color’:”,’borders_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_animation=”viewport” el_animation_type=”fadeInLeft” el_uid=”46f0cd81c036″]

Layout 4 – Standard

transparent light

[ideo_contact_form7 el_form=”2473″ el_margin_bottom=”80″ el_button_size=”small” el_button_align=”center” el_elemnt_style=”transparent-light” el_elemnt_style_colors=”{‘borders_color’:”,’active_borders_color’:”,’text_color’:”,’placeholder_color’:”,’alert_border_color’:”}” el_button_elemnt_style=”transparent-light” el_button_elemnt_style_colors=”{‘font_color’:”,’icon_color’:”,’borders_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_animation=”viewport” el_animation_type=”fadeInLeft” el_uid=”54756fb33f25″]

Default

transparent light

[ideo_contact_form7 el_form=”4555″ el_margin_bottom=”80″ el_button_size=”small” el_button_align=”center” el_elemnt_style=”transparent-light” el_elemnt_style_colors=”{‘borders_color’:”,’active_borders_color’:”,’text_color’:”,’placeholder_color’:”,’alert_border_color’:”}” el_button_elemnt_style=”transparent-light” el_button_elemnt_style_colors=”{‘font_color’:”,’icon_color’:”,’borders_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_animation=”viewport” el_animation_type=”fadeInLeft” el_uid=”103687d28b1f”]

Layout 1 – Underlined

colored light

[ideo_contact_form7 el_form=”2465″ el_margin_bottom=”80″ el_button_size=”small” el_button_align=”center” el_elemnt_style=”colored-light” el_elemnt_style_colors=”{‘background_color’:’rgba(255,255,255,0.15)’,’active_borders_color’:”,’text_color’:’#ffffff’,’placeholder_color’:’#dedede’,’alert_border_color’:”}” el_button_elemnt_style=”colored-light” el_button_elemnt_style_colors=”{‘background_color’:”,’font_color’:”,’icon_color’:”,’borders_color’:”,’background_hover_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_animation=”viewport” el_animation_type=”fadeInRight” el_uid=”8027c8822dd8″]

Layout 1 – Standard

colored light

[ideo_contact_form7 el_form=”2467″ el_margin_bottom=”80″ el_button_size=”small” el_button_align=”center” el_elemnt_style=”colored-light” el_elemnt_style_colors=”{‘background_color’:’rgba(255,255,255,0.15)’,’active_borders_color’:”,’text_color’:’#ffffff’,’placeholder_color’:’#dedede’,’alert_border_color’:”}” el_button_elemnt_style=”colored-light” el_button_elemnt_style_colors=”{‘background_color’:”,’font_color’:”,’icon_color’:”,’borders_color’:”,’background_hover_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_animation=”viewport” el_animation_type=”fadeInRight” el_uid=”6f0fd6c6ee60″]

Layout 2 – Underlined

colored light

[ideo_contact_form7 el_form=”2468″ el_margin_bottom=”80″ el_button_size=”small” el_button_align=”center” el_elemnt_style=”colored-light” el_elemnt_style_colors=”{‘background_color’:’rgba(255,255,255,0.15)’,’active_borders_color’:”,’text_color’:’#ffffff’,’placeholder_color’:’#dedede’,’alert_border_color’:”}” el_button_elemnt_style=”colored-light” el_button_elemnt_style_colors=”{‘background_color’:”,’font_color’:”,’icon_color’:”,’borders_color’:”,’background_hover_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_animation=”viewport” el_animation_type=”fadeInRight” el_uid=”e77637befa72″]

Layout 2 – Standard

colored light

[ideo_contact_form7 el_form=”2469″ el_margin_bottom=”80″ el_button_size=”small” el_button_align=”center” el_elemnt_style=”colored-light” el_elemnt_style_colors=”{‘background_color’:’rgba(255,255,255,0.15)’,’active_borders_color’:”,’text_color’:’#ffffff’,’placeholder_color’:’#dedede’,’alert_border_color’:”}” el_button_elemnt_style=”colored-light” el_button_elemnt_style_colors=”{‘background_color’:”,’font_color’:”,’icon_color’:”,’borders_color’:”,’background_hover_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_animation=”viewport” el_animation_type=”fadeInRight” el_uid=”5226f136a4ec”]

Layout 3 – Underlined

colored light

[ideo_contact_form7 el_form=”2470″ el_margin_bottom=”80″ el_button_size=”small” el_button_align=”center” el_elemnt_style=”colored-light” el_elemnt_style_colors=”{‘background_color’:’rgba(255,255,255,0.15)’,’active_borders_color’:”,’text_color’:’#ffffff’,’placeholder_color’:’#dedede’,’alert_border_color’:”}” el_button_elemnt_style=”colored-light” el_button_elemnt_style_colors=”{‘background_color’:”,’font_color’:”,’icon_color’:”,’borders_color’:”,’background_hover_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_animation=”viewport” el_animation_type=”fadeInRight” el_uid=”07c4c7f045fc”]

Layout 3 – Standard

colored light

[ideo_contact_form7 el_form=”2471″ el_margin_bottom=”80″ el_button_size=”small” el_button_align=”center” el_elemnt_style=”colored-light” el_elemnt_style_colors=”{‘background_color’:’rgba(255,255,255,0.15)’,’active_borders_color’:”,’text_color’:’#ffffff’,’placeholder_color’:’#dedede’,’alert_border_color’:”}” el_button_elemnt_style=”colored-light” el_button_elemnt_style_colors=”{‘background_color’:”,’font_color’:”,’icon_color’:”,’borders_color’:”,’background_hover_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_animation=”viewport” el_animation_type=”fadeInRight” el_uid=”fcf83c6ee505″]

Layout 4 – Underlined

colored light

[ideo_contact_form7 el_form=”2472″ el_margin_bottom=”80″ el_button_size=”small” el_button_align=”center” el_elemnt_style=”colored-light” el_elemnt_style_colors=”{‘background_color’:’rgba(255,255,255,0.15)’,’active_borders_color’:”,’text_color’:’#ffffff’,’placeholder_color’:’#dedede’,’alert_border_color’:”}” el_button_elemnt_style=”colored-light” el_button_elemnt_style_colors=”{‘background_color’:”,’font_color’:”,’icon_color’:”,’borders_color’:”,’background_hover_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_animation=”viewport” el_animation_type=”fadeInRight” el_uid=”3ec2b2b4a861″]

Layout 4 – Standard

colored light

[ideo_contact_form7 el_form=”2473″ el_margin_bottom=”80″ el_button_size=”small” el_button_align=”center” el_elemnt_style=”colored-light” el_elemnt_style_colors=”{‘background_color’:’rgba(255,255,255,0.15)’,’active_borders_color’:”,’text_color’:’#ffffff’,’placeholder_color’:’#dedede’,’alert_border_color’:”}” el_button_elemnt_style=”colored-light” el_button_elemnt_style_colors=”{‘background_color’:”,’font_color’:”,’icon_color’:”,’borders_color’:”,’background_hover_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_animation=”viewport” el_animation_type=”fadeInRight” el_uid=”9e35ca48aa77″]

Default

colored light

[ideo_contact_form7 el_form=”4555″ el_margin_bottom=”80″ el_button_size=”small” el_button_align=”center” el_elemnt_style=”colored-light” el_elemnt_style_colors=”{‘background_color’:’rgba(255,255,255,0.15)’,’active_borders_color’:”,’text_color’:’#ffffff’,’placeholder_color’:’#dedede’,’alert_border_color’:”}” el_button_elemnt_style=”colored-light” el_button_elemnt_style_colors=”{‘background_color’:”,’font_color’:”,’icon_color’:”,’borders_color’:”,’background_hover_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_animation=”viewport” el_animation_type=”fadeInRight” el_uid=”70004df71b3c”]

Themo gives 4 predefined layouts

each with Standard and Underlined type

We have created 5 predefined layouts for Contact Form 7 plugin. To use Layout 1 which you see beside, follow below steps: 1. Navigate to Contact section in WodPress Dashboard; 2. Add new form; 3. Paste below code into Form text field instead of default code.

<div class=”form-container form-style-1″>
<div class=”row”>
<div class=”col-md-4″>
[text* your-name placeholder “Name (required)”]
</div>
<div class=”col-md-4″>
[email* your-email placeholder “Email (required)”]
</div>
<div class=”col-md-4″>
[text your-subject placeholder “Subiect”]
</div>
</div>
<div class=”row”>
<div class=”col-md-12″>
[textarea your-message placeholder “Message”]
</div>
</div>
<div class=”row”>
<div class=”col-md-12″>
[submit “Send”]
</div>
</div>
</div>

THEMO delivers four unique styles for each of Contact Form 7 layouts. Each style based on separate palettes of colors which you can freely customize on different management levels.

Our predefined layouts of Contact Form 7 includes ‘send to’ button which is fully customizable element so you can adapt its appearance to other elements on your website. You can choose between Flat and 3D type, customize its style and colors, change button size and much more.

Contact Form 7 as same as other THEMO shortcodes includes over 70 viewport animations with timing control which allow you to spice up your website.

[ideo_contact_form7 el_form=”2467″ el_margin_bottom=”50″ el_button_size=”small” el_elemnt_style_colors=”{‘background_color’:”,’active_borders_color’:”,’text_color’:”,’placeholder_color’:”,’alert_border_color’:”}” el_button_elemnt_style=”colored-light” el_button_elemnt_style_colors=”{‘background_color’:”,’font_color’:”,’icon_color’:”,’borders_color’:”,’background_hover_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_uid=”5ee5e0dd27c1″]

We have created 5 predefined layouts for Contact Form 7 plugin. To use Layout 1 with underline which you see beside, follow below steps: 1. Navigate to Contact section in WodPress Dashboard; 2. Add new form; 3. Paste below code into Form text field instead of default code.

<div class=”form-container form-style-1 underline-style”>
<div class=”row”>
<div class=”col-md-4″>
[text* your-name placeholder “Name (required)”]
</div>
<div class=”col-md-4″>
[email* your-email placeholder “Email (required)”]
</div>
<div class=”col-md-4″>
[text your-subject placeholder “Subiect”]
</div>
</div>
<div class=”row”>
<div class=”col-md-12″>
[textarea your-message placeholder “Message”]
</div>
</div>
<div class=”row”>
<div class=”col-md-12″>
[submit “Send”]
</div>
</div>
</div>

THEMO delivers four unique styles for each of Contact Form 7 layouts. Each style based on separate palettes of colors which you can freely customize on different management levels.

Our predefined layouts of Contact Form 7 includes ‘send to’ button which is fully customizable element so you can adapt its appearance to other elements on your website. You can choose between Flat and 3D type, customize its style and colors, change button size and much more.

Contact Form 7 as same as other THEMO shortcodes includes over 70 viewport animations with timing control which allow you to spice up your website.

[ideo_contact_form7 el_form=”2465″ el_margin_bottom=”50″ el_button_size=”small” el_elemnt_style=”colored-light” el_elemnt_style_colors=”{‘background_color’:’rgba(244,244,244,0.8)’,’active_borders_color’:”,’text_color’:”,’placeholder_color’:”,’alert_border_color’:”}” el_button_elemnt_style=”colored-light” el_button_elemnt_style_colors=”{‘background_color’:”,’font_color’:”,’icon_color’:”,’borders_color’:”,’background_hover_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_uid=”d34dc32e8e96″ el_export=”0″ el_import=”0″]

We have created 5 predefined layouts for Contact Form 7 plugin. To use Layout 2 which you see on beside, follow below steps: 1. Navigate to Contact section in WodPress Dashboard; 2. Add new form; 3. Paste below code into Form text field instead of default code.

<div class=”form-container form-style-2″>
<div class=”row”>
<div class=”col-md-6″>
[text* your-name placeholder “Name (required)”]
</div>
<div class=”col-md-6″>
[email* your-email placeholder “Email (required)”]
</div>
</div>
<div class=”row”>
<div class=”col-md-12″>
[textarea your-message placeholder “Message”]
</div>
</div>
<div class=”row”>
<div class=”col-md-12″>
[submit “Send”]
</div>
</div>
</div>

THEMO delivers four unique styles for each of Contact Form 7 layouts. Each style based on separate palettes of colors which you can freely customize on different management levels.

Our predefined layouts of Contact Form 7 includes ‘send to’ button which is fully customizable element so you can adapt its appearance to other elements on your website. You can choose between Flat and 3D type, customize its style and colors, change button size and much more.

Contact Form 7 as same as other THEMO shortcodes includes over 70 viewport animations with timing control which allow you to spice up your website.

[ideo_contact_form7 el_form=”2469″ el_margin_bottom=”50″ el_button_size=”small” el_elemnt_style_colors=”{‘background_color’:”,’active_borders_color’:”,’text_color’:”,’placeholder_color’:”,’alert_border_color’:”}” el_button_elemnt_style=”colored-light” el_button_elemnt_style_colors=”{‘background_color’:”,’font_color’:”,’icon_color’:”,’borders_color’:”,’background_hover_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_uid=”2fe230189ad1″ el_export=”0″ el_import=”0″]

We have created 5 predefined layouts for Contact Form 7 plugin. To use Layout 2 with underline which you see beside, follow below steps: 1. Navigate to Contact section in WodPress Dashboard; 2. Add new form; 3. Paste below code into Form text field instead of default code.

<div class=”form-container form-style-2 underline-style”>
<div class=”row”>
<div class=”col-md-6″>
[text* your-name placeholder “Name (required)”]
</div>
<div class=”col-md-6″>
[email* your-email placeholder “Email (required)”]
</div>
</div>
<div class=”row”>
<div class=”col-md-12″>
[textarea your-message placeholder “Message”]
</div>
</div>
<div class=”row”>
<div class=”col-md-12″>
[submit “Send”]
</div>
</div>
</div>

THEMO delivers four unique styles for each of Contact Form 7 layouts. Each style based on separate palettes of colors which you can freely customize on different management levels.

Our predefined layouts of Contact Form 7 includes ‘send to’ button which is fully customizable element so you can adapt its appearance to other elements on your website. You can choose between Flat and 3D type, customize its style and colors, change button size and much more.

Contact Form 7 as same as other THEMO shortcodes includes over 70 viewport animations with timing control which allow you to spice up your website.

[ideo_contact_form7 el_form=”2468″ el_margin_bottom=”50″ el_button_size=”small” el_elemnt_style=”colored-light” el_elemnt_style_colors=”{‘background_color’:’rgba(244,244,244,0.8)’,’active_borders_color’:”,’text_color’:”,’placeholder_color’:”,’alert_border_color’:”}” el_button_elemnt_style=”colored-light” el_button_elemnt_style_colors=”{‘background_color’:”,’font_color’:”,’icon_color’:”,’borders_color’:”,’background_hover_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_uid=”7d36f9b8b9bd”]

We have created 5 predefined layouts for Contact Form 7 plugin. To use Layout 3 which you see beside, follow below steps: 1. Navigate to Contact section in WodPress Dashboard; 2. Add new form; 3. Paste below code into Form text field instead of default code.

<div class=”form-container form-style-3″>
<div class=”row”>
<div class=”col-md-6″>
<div class=”row”>
<div class=”col-md-12″>
[text* your-name placeholder “Name (required)”]
</div>
</div>
<div class=”row”>
<div class=”col-md-12″>
[email* your-email placeholder “Email (required)”]
</div>
</div>
<div class=”row”>
<div class=”col-md-12″>
[text your-subject placeholder “Subiect”]
</div>
</div>
</div>
<div class=”col-md-6″>
<div class=”row”>
<div class=”col-md-12″>
[textarea your-message placeholder “Message” ]
</div>
</div>
<div class=”row”>
<div class=”col-md-12″>
[submit “Send”]
</div>
</div></div>
</div>
</div>

THEMO delivers four unique styles for each of Contact Form 7 layouts. Each style based on separate palettes of colors which you can freely customize on different management levels.

Our predefined layouts of Contact Form 7 includes ‘send to’ button which is fully customizable element so you can adapt its appearance to other elements on your website. You can choose between Flat and 3D type, customize its style and colors, change button size and much more.

Contact Form 7 as same as other THEMO shortcodes includes over 70 viewport animations with timing control which allow you to spice up your website.

[ideo_contact_form7 el_form=”2471″ el_margin_bottom=”50″ el_button_size=”small” el_elemnt_style_colors=”{‘background_color’:”,’active_borders_color’:”,’text_color’:”,’placeholder_color’:”,’alert_border_color’:”}” el_button_elemnt_style=”colored-light” el_button_elemnt_style_colors=”{‘background_color’:”,’font_color’:”,’icon_color’:”,’borders_color’:”,’background_hover_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_uid=”83a4603002c7″]

We have created 5 predefined layouts for Contact Form 7 plugin. To use Layout 3 with underline which you see beside, follow below steps: 1. Navigate to Contact section in WodPress Dashboard; 2. Add new form; 3. Paste below code into Form text field instead of default code.

<div class=”form-container form-style-3 underline-style”>
<div class=”row”>
<div class=”col-md-6″>
<div class=”row”>
<div class=”col-md-12″>
[text* your-name placeholder “Name (required)”]
</div>
</div>
<div class=”row”>
<div class=”col-md-12″>
[email* your-email placeholder “Email (required)”]
</div>
</div>
<div class=”row”>
<div class=”col-md-12″>
[text your-subject placeholder “Subiect”]
</div>
</div>
</div>
<div class=”col-md-6″>
<div class=”row”>
<div class=”col-md-12″>
[textarea your-message placeholder “Message” ]
</div>
</div>
<div class=”row”>
<div class=”col-md-12″>
[submit “Send”]
</div>
</div></div>
</div>
</div>

THEMO delivers four unique styles for each of Contact Form 7 layouts. Each style based on separate palettes of colors which you can freely customize on different management levels.

Our predefined layouts of Contact Form 7 includes ‘send to’ button which is fully customizable element so you can adapt its appearance to other elements on your website. You can choose between Flat and 3D type, customize its style and colors, change button size and much more.

Contact Form 7 as same as other THEMO shortcodes includes over 70 viewport animations with timing control which allow you to spice up your website.

[ideo_contact_form7 el_form=”2470″ el_margin_bottom=”50″ el_button_size=”small” el_elemnt_style=”colored-light” el_elemnt_style_colors=”{‘background_color’:’rgba(244,244,244,0.8)’,’active_borders_color’:”,’text_color’:”,’placeholder_color’:”,’alert_border_color’:”}” el_button_elemnt_style=”colored-light” el_button_elemnt_style_colors=”{‘background_color’:”,’font_color’:”,’icon_color’:”,’borders_color’:”,’background_hover_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_uid=”d13d3549785c” el_export=”0″ el_import=”0″]

We have created 5 predefined layouts for Contact Form 7 plugin. To use Layout 4 which you see beside, follow below steps: 1. Navigate to Contact section in WodPress Dashboard; 2. Add new form; 3. Paste below code into Form text field instead of default code.

<div class=”form-container form-style-4″>
<div class=”row”>
<div class=”col-md-6″>
[text* your-name placeholder “Name (required)”]
</div>
<div class=”col-md-6″>
[email* your-email placeholder “Email (required)”]
</div>
</div>
<div class=”row”>
<div class=”col-md-6″>
[text text-487 placeholder “Subject” ]
</div>
<div class=”col-md-6″>
[tel tel-202 placeholder “Phone number”]
</div>
</div>
<div class=”row”>
<div class=”col-md-12″>
[textarea your-message placeholder “Message”]
</div>
</div>
<div class=”row”>
<div class=”col-md-12″>
[submit “Send”]
</div>
</div>
</div>

THEMO delivers four unique styles for each of Contact Form 7 layouts. Each style based on separate palettes of colors which you can freely customize on different management levels.

Our predefined layouts of Contact Form 7 includes ‘send to’ button which is fully customizable element so you can adapt its appearance to other elements on your website. You can choose between Flat and 3D type, customize its style and colors, change button size and much more.

Contact Form 7 as same as other THEMO shortcodes includes over 70 viewport animations with timing control which allow you to spice up your website.

[ideo_contact_form7 el_form=”2473″ el_margin_bottom=”50″ el_button_size=”small” el_elemnt_style_colors=”{‘background_color’:”,’active_borders_color’:”,’text_color’:”,’placeholder_color’:”,’alert_border_color’:”}” el_button_elemnt_style=”colored-light” el_button_elemnt_style_colors=”{‘background_color’:”,’font_color’:”,’icon_color’:”,’borders_color’:”,’background_hover_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_uid=”3bb3ac59e13d” el_export=”0″ el_import=”0″]

We have created 5 predefined layouts for Contact Form 7 plugin. To use Layout 4 with underline which you see beside, follow below steps: 1. Navigate to Contact section in WodPress Dashboard; 2. Add new form; 3. Paste below code into Form text field instead of default code.

<div class=”form-container form-style-4 underline-style”>
<div class=”row”>
<div class=”col-md-6″>
[text* your-name placeholder “Name (required)”]
</div>
<div class=”col-md-6″>
[email* your-email placeholder “Email (required)”]
</div>
</div>
<div class=”row”>
<div class=”col-md-6″>
[text text-487 placeholder “Subject” ]
</div>
<div class=”col-md-6″>
[tel tel-202 placeholder “Phone number”]
</div>
</div>
<div class=”row”>
<div class=”col-md-12″>
[textarea your-message placeholder “Message”]
</div>
</div>
<div class=”row”>
<div class=”col-md-12″>
[submit “Send”]
</div>
</div>
</div>

THEMO delivers four unique styles for each of Contact Form 7 layouts. Each style based on separate palettes of colors which you can freely customize on different management levels.

Our predefined layouts of Contact Form 7 includes ‘send to’ button which is fully customizable element so you can adapt its appearance to other elements on your website. You can choose between Flat and 3D type, customize its style and colors, change button size and much more.

Contact Form 7 as same as other THEMO shortcodes includes over 70 viewport animations with timing control which allow you to spice up your website.

[ideo_contact_form7 el_form=”2472″ el_margin_bottom=”50″ el_button_size=”small” el_elemnt_style=”colored-light” el_elemnt_style_colors=”{‘background_color’:’rgba(244,244,244,0.8)’,’active_borders_color’:”,’text_color’:”,’placeholder_color’:”,’alert_border_color’:”}” el_button_elemnt_style=”colored-light” el_button_elemnt_style_colors=”{‘background_color’:”,’font_color’:”,’icon_color’:”,’borders_color’:”,’background_hover_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_uid=”5cde73525200″ el_export=”0″ el_import=”0″]

4 styles with customizable colors

Choose style and change any color you wish

[ideo_contact_form7 el_form=”2468″ el_margin_bottom=”50″ el_button_radius=”small” el_button_border_thickness=”0″ el_button_size=”small” el_elemnt_style=”colored-dark” el_elemnt_style_colors=”{‘background_color’:’#e74c3c’,’active_borders_color’:’#c0392b’,’text_color’:’#ffffff’,’placeholder_color’:’#ffffff’,’alert_border_color’:’#e74c3c’}” el_button_elemnt_style=”colored-light” el_button_elemnt_style_colors=”{‘background_color’:’#e74c3c’,’font_color’:’#ffffff’,’icon_color’:”,’borders_color’:’rgba(155,89,182,0.8)’,’background_hover_color’:’#c0392b’,’font_hover_color’:’#ecf0f1′,’icon_hover_color’:”,’borders_hover_color’:’#9b59b6′}” el_uid=”5603f30684660″]
[ideo_contact_form7 el_form=”2468″ el_margin_bottom=”50″ el_button_radius=”small” el_button_border_thickness=”0″ el_button_size=”small” el_elemnt_style=”colored-light” el_elemnt_style_colors=”{‘background_color’:’#1dd2af’,’active_borders_color’:’#16a085′,’text_color’:’#ffffff’,’placeholder_color’:’#ffffff’,’alert_border_color’:’#e74c3c’}” el_button_elemnt_style=”colored-light” el_button_elemnt_style_colors=”{‘background_color’:’#1dd2af’,’font_color’:’#ffffff’,’icon_color’:”,’borders_color’:’#16a085′,’background_hover_color’:’#16a085′,’font_hover_color’:’#ffffff’,’icon_hover_color’:”,’borders_hover_color’:’#16a085′}” el_uid=”bb38786e7073″]
[ideo_contact_form7 el_form=”2468″ el_button_size=”small” el_elemnt_style_colors=”{‘borders_color’:’#e74c3c’,’active_borders_color’:’#c0392b’,’text_color’:’#e74c3c’,’placeholder_color’:’#c0392b’,’alert_border_color’:’#e74c3c’}” el_button_elemnt_style=”transparent-dark” el_button_elemnt_style_colors=”{‘font_color’:’#e74c3c’,’icon_color’:’#e74c3c’,’borders_color’:’#e74c3c’,’font_hover_color’:’#c0392b’,’icon_hover_color’:’#c0392b’,’borders_hover_color’:’#c0392b’}” el_uid=”bd4440d32b25″]
[ideo_contact_form7 el_form=”2468″ el_button_size=”small” el_elemnt_style=”transparent-light” el_elemnt_style_colors=”{‘borders_color’:’#1dd2af’,’active_borders_color’:’#16a085′,’text_color’:’#16a085′,’placeholder_color’:’#16a085′,’alert_border_color’:’#e74c3c’}” el_button_elemnt_style=”transparent-light” el_button_elemnt_style_colors=”{‘font_color’:’#1dd2af’,’icon_color’:’#1dd2af’,’borders_color’:’#1dd2af’,’font_hover_color’:’#16a085′,’icon_hover_color’:’#16a085′,’borders_hover_color’:’#16a085′}” el_uid=”40396738a995″]

Fully customizable button

Design button appearance

Left alignment

[ideo_contact_form7 el_form=”2465″ el_margin_bottom=”80″ el_button_size=”small” el_button_align=”left” el_elemnt_style=”colored-light” el_elemnt_style_colors=”{‘background_color’:’rgba(255,255,255,0.15)’,’active_borders_color’:”,’text_color’:’#ffffff’,’placeholder_color’:’#dedede’,’alert_border_color’:”}” el_button_elemnt_style=”colored-light” el_button_elemnt_style_colors=”{‘background_color’:”,’font_color’:”,’icon_color’:”,’borders_color’:”,’background_hover_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_animation=”viewport” el_animation_type=”fadeInLeft” el_uid=”d5c9f4626a37″]

Center alignment

[ideo_contact_form7 el_form=”2465″ el_margin_bottom=”80″ el_button_size=”small” el_button_align=”center” el_elemnt_style_colors=”{‘background_color’:’rgba(255,255,255,0.15)’,’active_borders_color’:”,’text_color’:’#ffffff’,’placeholder_color’:’#dedede’,’alert_border_color’:”}” el_button_elemnt_style=”colored-light” el_button_elemnt_style_colors=”{‘background_color’:”,’font_color’:”,’icon_color’:”,’borders_color’:”,’background_hover_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_animation=”viewport” el_animation_type=”fadeInLeft” el_uid=”802625801434″]

Standard icon on the left

[ideo_contact_form7 el_form=”2465″ el_margin_bottom=”80″ el_button_size=”small” el_button_align=”center” el_button_icon_type=”standard” el_button_icon=”fa fa-star-o” el_button_icon_position=”left-icon” el_elemnt_style_colors=”{‘background_color’:’rgba(255,255,255,0.15)’,’active_borders_color’:”,’text_color’:’#ffffff’,’placeholder_color’:’#dedede’,’alert_border_color’:”}” el_button_elemnt_style=”colored-light” el_button_elemnt_style_colors=”{‘background_color’:”,’font_color’:”,’icon_color’:”,’borders_color’:”,’background_hover_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_animation=”viewport” el_animation_type=”fadeInLeft” el_uid=”5508aad45934″]

Reveal icon on the left

[ideo_contact_form7 el_form=”2465″ el_margin_bottom=”80″ el_button_size=”small” el_button_align=”center” el_button_icon=”fa fa-star-o” el_button_icon_position=”left-icon” el_elemnt_style_colors=”{‘background_color’:’rgba(255,255,255,0.15)’,’active_borders_color’:”,’text_color’:’#ffffff’,’placeholder_color’:’#dedede’,’alert_border_color’:”}” el_button_elemnt_style=”colored-light” el_button_elemnt_style_colors=”{‘background_color’:”,’font_color’:”,’icon_color’:”,’borders_color’:”,’background_hover_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_animation=”viewport” el_animation_type=”fadeInLeft” el_uid=”5081fde03a42″]

Transparent to colored

[ideo_contact_form7 el_form=”2465″ el_margin_bottom=”80″ el_button_size=”small” el_button_align=”center” el_button_icon=”fa fa-star-o” el_elemnt_style_colors=”{‘background_color’:’rgba(255,255,255,0.15)’,’active_borders_color’:”,’text_color’:’#ffffff’,’placeholder_color’:’#dedede’,’alert_border_color’:”}” el_button_elemnt_style=”colored-light-to-transparent-invert” el_button_elemnt_style_colors=”{‘background_color’:”,’font_color’:”,’icon_color’:”,’borders_color’:”,’background_hover_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_animation=”viewport” el_animation_type=”fadeInLeft” el_uid=”e272d1523871″]

Sharp corners

[ideo_contact_form7 el_form=”2465″ el_margin_bottom=”80″ el_button_radius=”none” el_button_size=”small” el_button_display=”fit” el_button_align=”center” el_button_icon=”fa fa-star-o” el_elemnt_style_colors=”{‘background_color’:’rgba(255,255,255,0.15)’,’active_borders_color’:”,’text_color’:’#ffffff’,’placeholder_color’:’#dedede’,’alert_border_color’:”}” el_button_elemnt_style=”colored-light” el_button_elemnt_style_colors=”{‘background_color’:”,’font_color’:”,’icon_color’:”,’borders_color’:”,’background_hover_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_animation=”viewport” el_animation_type=”fadeInLeft” el_uid=”7c4e9bc6ec93″]

Big radius

[ideo_contact_form7 el_form=”2465″ el_margin_bottom=”80″ el_button_radius=”big” el_button_size=”small” el_button_display=”fit” el_button_align=”center” el_button_icon=”fa fa-star-o” el_elemnt_style_colors=”{‘background_color’:’rgba(255,255,255,0.15)’,’active_borders_color’:”,’text_color’:’#ffffff’,’placeholder_color’:’#dedede’,’alert_border_color’:”}” el_button_elemnt_style=”colored-light” el_button_elemnt_style_colors=”{‘background_color’:”,’font_color’:”,’icon_color’:”,’borders_color’:”,’background_hover_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_animation=”viewport” el_animation_type=”fadeInLeft” el_uid=”1298967d9d4b”]

Medium button

[ideo_contact_form7 el_form=”2465″ el_margin_bottom=”80″ el_button_border_thickness=”2″ el_button_display=”fit” el_button_align=”center” el_button_icon=”fa fa-star-o” el_elemnt_style_colors=”{‘background_color’:’rgba(255,255,255,0.15)’,’active_borders_color’:”,’text_color’:’#ffffff’,’placeholder_color’:’#dedede’,’alert_border_color’:”}” el_button_elemnt_style=”colored-light” el_button_elemnt_style_colors=”{‘background_color’:”,’font_color’:”,’icon_color’:”,’borders_color’:”,’background_hover_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_animation=”viewport” el_animation_type=”fadeInLeft” el_uid=”ce87b43a3671″]

Right alignment

[ideo_contact_form7 el_form=”2465″ el_margin_bottom=”80″ el_button_size=”small” el_elemnt_style=”colored-light” el_elemnt_style_colors=”{‘background_color’:’rgba(255,255,255,0.15)’,’active_borders_color’:”,’text_color’:’#ffffff’,’placeholder_color’:’#dedede’,’alert_border_color’:”}” el_button_elemnt_style=”colored-light” el_button_elemnt_style_colors=”{‘background_color’:”,’font_color’:”,’icon_color’:”,’borders_color’:”,’background_hover_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_animation=”viewport” el_animation_type=”fadeInRight” el_uid=”a3c9bcb692f6″]

Fit container

[ideo_contact_form7 el_form=”2465″ el_margin_bottom=”80″ el_button_size=”small” el_button_display=”fit” el_elemnt_style_colors=”{‘background_color’:’rgba(255,255,255,0.15)’,’active_borders_color’:”,’text_color’:’#ffffff’,’placeholder_color’:’#dedede’,’alert_border_color’:”}” el_button_elemnt_style=”colored-light” el_button_elemnt_style_colors=”{‘background_color’:”,’font_color’:”,’icon_color’:”,’borders_color’:”,’background_hover_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_animation=”viewport” el_animation_type=”fadeInRight” el_uid=”7c28ff89976c”]

Standard icon on the right

[ideo_contact_form7 el_form=”2465″ el_margin_bottom=”80″ el_button_size=”small” el_button_align=”center” el_button_icon_type=”standard” el_button_icon=”fa fa-star-o” el_elemnt_style_colors=”{‘background_color’:’rgba(255,255,255,0.15)’,’active_borders_color’:”,’text_color’:’#ffffff’,’placeholder_color’:’#dedede’,’alert_border_color’:”}” el_button_elemnt_style=”colored-light” el_button_elemnt_style_colors=”{‘background_color’:”,’font_color’:”,’icon_color’:”,’borders_color’:”,’background_hover_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_animation=”viewport” el_animation_type=”fadeInRight” el_uid=”29d33720cd5f”]

Reaveal icon on the right

[ideo_contact_form7 el_form=”2465″ el_margin_bottom=”80″ el_button_size=”small” el_button_align=”center” el_button_icon=”fa fa-star-o” el_elemnt_style_colors=”{‘background_color’:’rgba(255,255,255,0.15)’,’active_borders_color’:”,’text_color’:’#ffffff’,’placeholder_color’:’#dedede’,’alert_border_color’:”}” el_button_elemnt_style=”colored-light” el_button_elemnt_style_colors=”{‘background_color’:”,’font_color’:”,’icon_color’:”,’borders_color’:”,’background_hover_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_animation=”viewport” el_animation_type=”fadeInRight” el_uid=”2b4aa1882ac0″]

Colored to transparent

[ideo_contact_form7 el_form=”2465″ el_margin_bottom=”80″ el_button_size=”small” el_button_align=”center” el_button_icon=”fa fa-star-o” el_elemnt_style_colors=”{‘background_color’:’rgba(255,255,255,0.15)’,’active_borders_color’:”,’text_color’:’#ffffff’,’placeholder_color’:’#dedede’,’alert_border_color’:”}” el_button_elemnt_style=”colored-light-to-transparent” el_button_elemnt_style_colors=”{‘background_color’:”,’font_color’:”,’icon_color’:”,’borders_color’:”,’background_hover_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_animation=”viewport” el_animation_type=”fadeInRight” el_uid=”f808de057e5c”]

Small radius

[ideo_contact_form7 el_form=”2465″ el_margin_bottom=”80″ el_button_radius=”small” el_button_size=”small” el_button_display=”fit” el_button_align=”center” el_button_icon=”fa fa-star-o” el_elemnt_style_colors=”{‘background_color’:’rgba(255,255,255,0.15)’,’active_borders_color’:”,’text_color’:’#ffffff’,’placeholder_color’:’#dedede’,’alert_border_color’:”}” el_button_elemnt_style=”colored-light” el_button_elemnt_style_colors=”{‘background_color’:”,’font_color’:”,’icon_color’:”,’borders_color’:”,’background_hover_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_animation=”viewport” el_animation_type=”fadeInRight” el_uid=”575509106a1c”]

3D button

[ideo_contact_form7 el_form=”2465″ el_margin_bottom=”80″ el_button_type=”button3d” el_button_border_thickness=”3″ el_button_size=”small” el_button_display=”fit” el_button_align=”center” el_button_icon=”fa fa-star-o” el_elemnt_style_colors=”{‘background_color’:’rgba(255,255,255,0.15)’,’active_borders_color’:”,’text_color’:’#ffffff’,’placeholder_color’:’#dedede’,’alert_border_color’:”}” el_button_elemnt_style=”colored-light” el_button_elemnt_style_colors=”{‘background_color’:”,’font_color’:”,’icon_color’:”,’borders_color’:”,’background_hover_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_animation=”viewport” el_animation_type=”fadeInRight” el_uid=”8c675c56d5c8″]

Large button

[ideo_contact_form7 el_form=”2465″ el_margin_bottom=”80″ el_button_border_thickness=”0″ el_button_size=”large” el_button_display=”fit” el_button_align=”center” el_button_icon=”fa fa-star-o” el_elemnt_style_colors=”{‘background_color’:’rgba(255,255,255,0.15)’,’active_borders_color’:”,’text_color’:’#ffffff’,’placeholder_color’:’#dedede’,’alert_border_color’:”}” el_button_elemnt_style=”colored-light” el_button_elemnt_style_colors=”{‘background_color’:”,’font_color’:”,’icon_color’:”,’borders_color’:”,’background_hover_color’:”,’font_hover_color’:”,’icon_hover_color’:”,’borders_hover_color’:”}” el_animation=”viewport” el_animation_type=”fadeInRight” el_uid=”36a8510d5c39″]