WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
spacing of fields on form (7 posts)

  1. mfisher
    Member
    Posted 2 years ago #

    Hi,
    New to all this but love the Contact 7 plugin. Works great.
    I would like to minimize the spacing between all the fields on
    the form?
    Can HTML be used around the form components? I'm a newbie sorry...
    Any examples would be appreciated.

    Thanks

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

  2. Takayuki Miyoshi
    Member
    Plugin Author

    Posted 2 years ago #

    You can do it by editing CSS stylesheet.

  3. mfisher
    Member
    Posted 2 years ago #

    Tak,
    Thank you for the reply but I am not very techie. Can you provide
    me with an example.

    Thank You

  4. Takayuki Miyoshi
    Member
    Plugin Author

    Posted 2 years ago #

    Where is your site?

  5. mfisher
    Member
    Posted 2 years ago #

    Hi again Tak,

    http://careservicesgroup.com/contact-us-2

    Just started working on the site and am still learning.

    1. would like to reduce the space between the form elements
    2. remove the page title.

    Thank you....

  6. Takayuki Miyoshi
    Member
    Plugin Author

    Posted 2 years ago #

    Add this to your theme's stylesheet:

    .entry-content .wpcf7 input { margin-bottom: 0; }

  7. emilysparkle
    Member
    Posted 2 years ago #

    hm. came here looking for the same thing. was so excited to find a quick answer!

    but... that didn't work for me, but i'm using the contact form in a widget.

    .textwidget .wpcf7 input { margin-bottom: 0; }

    didn't do it...

    dancespirit DOT org SLASH new is the url if you can give me a hint...

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic