1. Home
  2. Contact Form Manager
  3. FAQ
  4. How to reduce the spacing between 2 fields?

How to reduce the spacing between 2 fields?

In the contact form manager/XYZ WP Contact Form we are using html table structure for the form.

At present there is no specific style for the form and it is using the default style of your theme.

If you want to reduce the spacing between 2 fields, either you can modify your style.css file of your theme or add a style for the <td> tag.

The present default format is given below.

<tr>
<td>Your Name</td>
<td>:</td>
<td>[text-1]</td>
</tr>

To change the spacing, please change this format to

<tr>
<td style="height:25px">Your Name</td>
<td>:</td>
<td>[text-1]</td>
</tr>

Here you can add your custom value.
Some times there will be chances for minimum height by the theme css. In such a case we can reduce upto that level using this method.
If you want to reduce the spacing further, you need to edit the style.css file of your theme.
Was this article helpful to you? Yes No