WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
contact form spacing between fields (6 posts)

  1. simonsayspt
    Member
    Posted 2 years ago #

    hi everyone,
    i realise this has probably been asked, search for awhile and couldnt find, but..
    Does anyone know where the css is for bringing the fields closer together, as they are spaced just a little too far apart for my liking.

    thank you for any help.
    cheers

    http://wordpress.org/extend/plugins/contact-form-7/

  2. Takayuki Miyoshi
    Member
    Plugin Author

    Posted 2 years ago #

    See your theme's stylesheet files.

  3. simonsayspt
    Member
    Posted 2 years ago #

    i know my own css.. but changing the contact form 7's spacing between each field isnt in my css.. but the plugins..
    i found the span class bit of css using inspect element of my browser, but having trouble finding where its located in which file and which particular piece of code refers to the spacing between each field of the form..
    If anyone has already done this, do you know which file, php page, css sheet, or custom code you used to change it..?
    thanks

  4. Takayuki Miyoshi
    Member
    Plugin Author

    Posted 2 years ago #

    Can I see the page?

  5. Upendra
    Member
    Posted 2 years ago #

    Any update Takayuki?

    I was curious about that as well :-}

    Thank You

  6. Upendra
    Member
    Posted 2 years ago #

    Ok.... this is what I did and it looks better.

    I added this to my theme css file
    .entry-content .wpcf7 input { margin-bottom: 0; }

    Then I deleted all of the p tags and br tags on each line and did this.

    <p>Your Name (required) [text* your-name]
    Your Email (required)  [email* your-email]
    Subject  [text your-subject]
    Your Message [textarea your-message]
    [submit "Send"]</p>

    That seemed to do it.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic