WordPress.org

Support

Support » Plugins and Hacks » [Resolved] [Plugin: Contact Form 7] Weird spacing in Contact Forms 7 Feedback

[Resolved] [Plugin: Contact Form 7] Weird spacing in Contact Forms 7 Feedback

  • I am getting some weird spacing issues in my feedback area of Contact Forms 7. Visit this link and just submit the form without any data in the fields.

    Notice that the text in the main feedback box in yellow under the form has some weird indentation. Do you have any ideas of what might be causing this? I tried editing the CSS to display inline, but that didn’t help. Any other ideas?

    Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hi

    Your problem relates to the Send button that is sticking out to the right, above the message box. If you look closely, you will see the message below starts at the exact pixels of the left side of the send button.

    It’s this CSS here, line 543

    .cf7SubmitButton {
    background-image:url(images/slices/contactSendButton.jpg);
    border:medium none;
    height:45px;
    margin-left:394px;
    width:68px;
    }

    If you change the margin-left to 300px, you will see the confirmation message jump into place where it belongs. I couldn’t see exactly why this was happening, but this should give you a starting place to start looking.

    A belated “Thank You!” to you, Stvwlf!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘[Resolved] [Plugin: Contact Form 7] Weird spacing in Contact Forms 7 Feedback’ is closed to new replies.