• Hi,

    My question is simple : how can I change the space beetween 2 areas in the contact form, without influencing something else on my website? Right now the space is too big and the form is too big on my page. Any idea? I’ve lost several hours already in trying to point this out ??

    Thank you for your support.

Viewing 9 replies - 1 through 9 (of 9 total)
  • There are two ways to do this:

    1. Don’t use <p> tags in the form body
    2. Add a new element too your stylesheet as follows:

    .wpcf7 p {
    line-height: 10px;
    }
    I actually used option 1 and replaced the <p> tag with a table and encapsulated the whole form in a table

    Thread Starter sieborg

    (@sieborg)

    Thanks for your support, I have successfully applied option 1 ??

    I just realized that WordPress was inserting the <p> tags automatically because of the spaces (returns) used in the CF7 editing palette. They can be removed by deleting the hard returns in the form.

    OK, still not following this..

    I’ve removed the <p> tags but it had no effect:

    https://cmx.org.uk/contact/

    Is there a specific bit of code that can put in the editing screen to close the gaps between fields?

    Mine looks like this:

    Your Name (required)
    [text* your-name]

    Your Email (required)
    [email* your-email]

    Subject
    [text your-subject]

    Your Message
    [textarea your-message]

    [submit “Send”]

    Ignore me… Not sure why, but logging out and logging back in again made a difference.

    Ok, Uncle.

    I cannot figure out what is causing the huge space between the titles and the form boxes. I’ve taken out the p tags and messed with the css. I’ve adjusted everything available in Firebug but I cannot find the culprit. I can’t believe that one would have to create a table to get the spacing right here.

    Is there any other contact form that folks recommend?

    Here is my page: https://cognexusgroup.com/contact/

    Thanks for any and all help!

    Please post a new topic.

    I’d be happy to post a new topic, but I’m new here and would like to know why. My question has to do with excess space in Contact Form 7. What am I missing? Thanks so much.

    Are you really using WordPress 3.0.1? Are you using the same version of CF7 as those who posted here 1-11 months ago? We have good reasons for asking you to post a new topic. Please try to help us to help you.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘[Plugin: Contact Form 7] change space between two areas’ is closed to new replies.