CODEWITHSUNDEEP
htmlcsswordpresscontact-form-7
avasssso
avasssso

Reputation: 257

adding divs within contact form 7 form tag

I am trying to add <div class="content-inner"></div> under the form tag in contact form 7 so the inner contents of the form will be wrapped.

here is my code so far:

<div class="form-container">
<div class="contact-heading text-center">
   <h1>Contact</h1>
</div>
<div class="form-content">
   <?php echo do_shortcode( '[contact-form-7 id="140" title="Contact"]' ); ?>
   </div>
</div>

I can't figure out where to place the div so it is inside my form tag. Any help would be appreciated!

Upvotes: 0

Views: 8683

Answers (2)

YoJey Thilipan
YoJey Thilipan

Reputation: 687

You cant add div inside the contact form plugin shortcode. But,you can add div when create and edit the form

I use div for submit button

<label class='contact_form_name'> Your Name <span style='color:red;'>*</span>
[text* your-name] </label>

<label class='contact_form_email'> Your Email <span style='color:red;'>* 
</span>
[email* your-email] </label>

<label class='contact_form_subject'> Subject<span style='color:red;'>*</span>
[text your-subject] </label>

<label class='contact_form_message'> Your Message<span style='color:red;'>* 
</span>
[textarea your-message] </label>
<div class='contact_form_submit'>
[submit "Send"]
</div>

Upvotes: 1

nathan felix
nathan felix

Reputation: 396

In the Wordpress admin section you can edit the form itself. In there you can see the form elements. You can just write your own HTML in there as well.

Upvotes: 0

Related Questions