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

  1. Max Mustermann
    Posted 1 year 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


  2. buzztone
    Posted 1 year ago #

  3. Max Mustermann
    Posted 1 year 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
    Posted 1 year 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
    Posted 1 year 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
    Posted 1 year 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.

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