I have next code inside contact form 7 editor
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<div class="row">
<div class="col-sm-4">
[text* name class:border-field placeholder "Name"]
</div><!-- End of col -->
<div class="col-sm-4">
[email* email class:border-field placeholder "Email"]
</div><!-- End of col -->
<div class="col-sm-4">
[text subject class:border-field placeholder "Subject"]
</div><!-- End of col -->
</div><!-- ENd of row -->
</div><!-- End of col -->
</div><!-- ENd of row -->
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
[textarea message class:border-field placeholder "Message"]
</div>
</div><!-- End of row -->
<div class="row text-center">
<div clas s="col-sm-12">
[submit class:btn class:btn-black-fill class:btn-small "Submit"]
</div><!-- End of col -->
</div><!-- End of row -->
The problem is that it adds random p tags almost after each element and also that first text field is for some reason little bit above other two fields when they should all be inline. And i think this is not css problem because previously i had this coded in plane HTML and all fields were inline so i think it must be something with contact form 7.
I would like to say something about this, when we want reduce auto P tag form the we should go with below filter and just write blow code in function.php.
I tried many answers but nothing worked so...
I ended up using simple CSS to specifically target empty P tags
in the form itself like this:
This worked for me and, its a simple solution.
Add this in your functions.php file
Then on your post editor wrap your contact form 7 shortcode with
raw
shortcodee.g.
According to the Contact Form 7 Docs, you can disable "wpautop" for the plugin by placing the following constant in wp-config.php:
If editing
wp-config.php
is not the solution for you, there's a handy filter. Put it in yourfunctions.php
.add_filter('wpcf7_autop_or_not', '__return_false');