No styling for error messages and error box

  • On our contact page at: https://www.achievekids.org/contact/ when I click “Send Message” when all fields are blank, the following issues appear:
    1) The “The field is required” message appears below each required field but it is displayed in black text instead of red text.
    2) The “One or more fields have an error. Please check and try again.” message appears at the bottom but it doesn’t have a yellow border around it.
    3) The URL at the top is “https://www.achievekids.org/contact/#wpcf7-f540-p100-o1”. I expected it to be “https://www.achievekids.org/contact/” as it is on other sites in this situation.
    I’m afraid that I have lost some of the default CSS as I had rolled back to version 5.3.2. On other sites where the error messages are appearing correctly, I see the class=”wpcf7-not-valid-tip” is referenced in the “styles.css” file when I inspect the “The field is required” message. But on our contact page at: https://www.achievekids.org/contact/ I don’t see a reference to the styles.css file. Is it possible when I rolled back that there is a path in the mySQL database to the CF7 style files is not correct somehow – i.e. it can’t find these files? (like the styles.css)

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Takayuki Miyoshi

    (@takayukister)

    In the browser console you have HTTP 409 Conflict errors with stylesheet and script files for Contact Form 7, and this is the direct cause of the issues written above.

    This 409 Conflict error is typically seen on websites where web application firewalls like ModSecurity are activated. Your host may be able to help correct it.

    Thread Starter Jane

    (@jstepak)

    I’m not familiar with how to view the errors in the browser console. Would you tell me how? Also, it seems like ModSecurity is something that is better to have enabled. Is there any way that the Contact Form 7 styles can be enabled even if ModSecurity is enabled?

    hope it helps

    https://www.geminigeeks.com/bluehost-blocking-contact-form-7-submissions-409-conflict-error/

    maybe wordfence is blocking wp-api calls?
    maybe you host for security reasons is blocking wp-api?

    ps: I use modsecury and wpcf7 in many websites without any issue

    • This reply was modified 3 years, 6 months ago by Erik.
    Plugin Author Takayuki Miyoshi

    (@takayukister)

    It depends on configuration. Contact your host for further support.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘No styling for error messages and error box’ is closed to new replies.