WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
reduce space between fields (2 posts)

  1. mrmccarrin
    Member
    Posted 1 year ago #

    Hi -

    my site is http://www.pkworkcomp.com. I am having difficulty reduce space between the fields. I just want to tighten up the contact form so it doesn't take up so much space. I have tried many css options and nothing seems to be working. Please help.

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

  2. katn
    Member
    Posted 1 year ago #

    I took a look at your site with firebug. You don't say exactly what CSS options you tried (it would be helpful to know exactly what you've tried...) but I think this might be useful.

    When I click on the Name section of your form and inspect it in Firebug I can see this:

    .widget-area .widget p, .widget-area .widget li, .widget-area .widget .textwidget {
        font-size: 0.928571rem;
        line-height: 1.84615;
    }

    Turning off the line-height declaration makes all of the text and form fields very close together. I'm guessing reducing the value of the line-height will get you the look you're going for.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic