Viewing 3 replies - 1 through 3 (of 3 total)
  • Please include a link to your Contact Form 7 form. If others here are able to understand your actual problem, they may be able to offer a possible solution.

    Thread Starter jeanna_40

    (@jeanna_40)

    Use Firebug or Chrome Dev Tools to examine the HTML and CSS of your CF7 form in detail. Once you understand how the HTML and CSS is configured in your CF7 form, you should be able to see the CSS changes you need to change the appearance of the form to suit your requirements.

    See Styling Contact Form for a general explanation of styling CF7 forms using CSS.

    There is a link at the bottom of the page to a comprehensive and detailed article on Styling Contact Form 7 Forms. The article shows people, with suitable HTML & CSS skills, how to change the appearance of their Contact Form 7 Forms to meet their particular requirements.

    I have inspected your form, this is how you can make changes to the space

    Correction Code:​

    .wpcf7-form .column-right, {
           // adjust the pace with your CSS code. You can do something like
           margin-left: -10px;
    }
    .wpcf7-form .column-right{
           // adjust the pace with your CSS code. You can do something like
    ​       margin-left: -10px;
    }

    use a custom CSS plugin to add your changes to the form

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Space between form columns’ is closed to new replies.