WordPress.org

Forums

Contact Form 7
[resolved] textfield resizes after validation ? (6 posts)

  1. Max Mustermann
    Member
    Posted 11 months ago #

    I am using Contact Form 7 on my website and it works quite fine.
    Except the fact that my text fields keep resizing whenever the validation process ends up being "invalid".
    Thanks for any help :D

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

  2. buzztone
    Member
    Posted 11 months ago #

  3. Max Mustermann
    Member
    Posted 11 months ago #

    Thanks for your answer but it didn't quite solve my problem.
    Sadly, it doesnt matter if i use "floating tips" or "static tips" it still keeps resizing my "required" fields to a certain length whenever they are "invalid".
    You can see the effect on customizing-validation-error-messages

    No matter which one it uses, the textareas will still resize.
    Why ?

  4. buzztone
    Member
    Posted 11 months ago #

    As explained in the link I pointed you to, you may need may need to change the styling of the error messages to suit your particular WP theme.

    The link gives some examples of how to to do this.

    See also Styling Contact Form for a general explanation of styling CF7 forms using CSS.

  5. modula
    Member
    Posted 11 months ago #

    I've been having the same issue, despite having used this plugin on numerous sites with the same theme (Thesis 2.1 Classic Responsive), and the floating tips changes did nothing to help - rather than fixing the issue it just changed the overall styling. Just cracked it - I added this to the CSS:

    .wpcf7-form-control-wrap {
    width: 100% !important;
    }

  6. Max Mustermann
    Member
    Posted 11 months ago #

    Thank you very much :D
    This solved the problem.
    Both of you, keep up the good work.
    You are the kind of people who keep these forums running.

Reply

You must log in to post.

About this Plugin

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

About this Topic