WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] [Plugin: Contact Form 7] Weird spacing in Contact Forms 7 Feedback (3 posts)

  1. llamaman
    Member
    Posted 4 years ago #

    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!

  2. stvwlf
    Member
    Posted 4 years ago #

    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.

  3. llamaman
    Member
    Posted 4 years ago #

    A belated "Thank You!" to you, Stvwlf!

Topic Closed

This topic has been closed to new replies.

About this Topic