Field labels and not aligning properly

  • TJR3217

    (@tjr3217)


    10 years, 4 months ago

    Hi,

    Now here is a strange situation. I am using the following fields in creating a custom form:

    <p>Your Name
    [text* YourName]</p>

    <p>Email
    [email* email-442]</p>

    Now, when this is displayed, the field label “Email” is at the end of the input field for “Your Name”, but aligned as if it were half a line break. I have tried the following:

    <p>Your Name
    [text* YourName]</p>

    <p>Email
    [email* email-442]</p>

    Using this or using <p> creates a gigantic space on the page between teh fields. The interesting thing is that when I use the default form, everything looks fine. I do not understand it. A little insight would be helpful.

    Thanks,

    Tim

    PS – go here and take a look – http://giabathrooms.com.au/685-2/.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter TJR3217

    (@tjr3217)

    10 years, 4 months ago

    Okay, so I now know this is a css issue involving paragraph height. So, I can fix that. However, I want reduce the space between the field label and the actual input field. Can someone tell me how to do this?

    Thread Starter TJR3217

    (@tjr3217)

    10 years, 4 months ago

    Okay,

    So now I know that this issue is with the CSS has to do with the general line-height for the theme itself and it conflicts with the layout for Contact Form 7. So the question is, how do I create a specific CSS layout for contact form 7 that will allow me to set the form line height and paragraph height that is independent from the general CSS settings. This is a bit beyond my skill level, so some direction would be helpful. Thanks.

    Tim

    Plugin Author Takayuki Miyoshi

    (@takayukister)

    10 years, 4 months ago

    See Styling Contact Form

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Field labels and not aligning properly’ is closed to new replies.