Contact Form 7
reduce space between fields (2 posts)

  1. mrmccarrin
    Posted 3 years 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.


  2. katn
    Posted 3 years 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

  • Contact Form 7
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic