Support » Plugin: Contact Form 7 » [Contact Form 7] CSS issues

  • Recently updated to the latest version of Contact Form 7 and made the mistake of not backing up the styles css before. Figured it would not be a problem to redo however I have run into some issues with said css and the forms.
    when I add a id or class to the form item Contact form 7 adds the class to the end of the wpcf7 class. ie <span class=”wpcf7-form-control-wrap class:name”>
    It also does something weird with the input name by adding the class instead of the name of the form item. ie <input class=”wpcf7-text wpcf7-validates-as-required” type=”text” size=”40″ value=”” name=”class:name”>
    Is this by design or is there an issue with the update?

    Thanks in advance.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Can anyone weigh in on this issue with any support. I have patiently waited 4 days for any help and am now finding it hard to believe that no one has even commented. Very frustrating. I went to the plugin owners site and he indicates that all requests for support will be ignored and that you should use this forum. Perhaps one day soon he will look at the forum and answer some of the requests for support. That would be nice.

    Frustratedly yours

    I had a problem with those span tags that are automatically added to each field – clashing with my own CSS.

    Unfortunately, those span tags are added for form validation so the script can highlight the fields with errors.

    For me, it was more important to have the form styled with my custom styles than have error fields so I just removed them.

    Now when a user submits a form with a missing field, they still get the error: “Validation errors occurred. Please confirm the fields and submit it again.” but no marking of which field.

    I think this is fine. Most users should be able to figure out which field is missing (I only use 3!!) 🙂

    Good luck.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘[Contact Form 7] CSS issues’ is closed to new replies.