< All Topics
Print

Pesta Contact Form Block

This block will call your contact form template from contact form 7. But you need to create the contact form 7 before can use this block.

In case you want the contact form with same style as our demos. You need to copy this form markup to your contact form.

Contact Form style 1

<div class=”contact-form-style-1 clearfix”>
<div class=”contact-bordered item-column clearfix”>
[text* your-name placeholder “Your Name”]<span class=”contact-ef border-form-top”>
<div class=”contact-bordered item-column sec-mar clearfix”>
</span>
<span class=”contact-ef border-form-left”>
<span class=”contact-ef border-form-bottom”>
<span class=”contact-ef border-form-right”>
</span>
</div>
<div class=”contact-bordered item-column clearfix”>
[email* your-email placeholder “Your Email”]<span class=”contact-ef border-form-top”>
</span>
<span class=”contact-ef border-form-left”>
<span class=”contact-ef border-form-bottom”>
<span class=”contact-ef border-form-right”>
</span>
</div>
<div class=”contact-bordered text-area clearfix”>
[textarea your-message placeholder “Text”]<span class=”contact-ef border-form-top”>
</span>
<span class=”contact-ef border-form-left”>
<span class=”contact-ef border-form-bottom”>
<span class=”contact-ef border-form-right”>
</span>
</div>
<div class=”contact-submit clearfix”>
[submit “leave message”]</div>
</div>]

Result 

Table of Contents