Error messages not in red, no 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 and then upgraded to 5.4.1 again (I was trying to get the reCaptcha to work).
    When I’m in the back-end I also see the tabbed pages being displayed differently. Not sure why…
    If you have any suggestions about how I can get all the functionality back I’d appreciate it.

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

Viewing 1 replies (of 1 total)
  • Thread Starter Jane

    (@jstepak)

    Since my last message, I rolled back to CF7 v5.3.2. Still no styles (red) in the “The field is required” error messages and no box around the error message at the bottom. On other sites, I see the class=”wpcf7-not-valid-tip” is referenced in the “styles.css” file when I inspect the “The field is required” but on my contact page at: https://www.achievekids.org/contact/ I don’t see 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)

Viewing 1 replies (of 1 total)
  • The topic ‘Error messages not in red, no box’ is closed to new replies.