WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
[Contact Form 7] CSS issues (3 posts)

  1. Digitalone
    Member
    Posted 2 years ago #

    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.

  2. Digitalone
    Member
    Posted 2 years ago #

    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

  3. kato
    Member
    Posted 2 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic