Navigation
Archive / How to change CF7 error message formatting in X theme?
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • September 7, 2016 at 8:02 pm #1165513
    Chris
    Participant

    I am using CF7 to collect information from customers. The form works fine, but if the customer leave a required field blank, there is an error message: “One or more fields have an error. Please check and try again.” This appears as an orange text in an orange box apparently using the Alert-Warning formatting. I would like red/red formatting, but have been unable to determine how to make this happen.

    September 7, 2016 at 8:03 pm #1165514
    Chris
    Participant
    This reply has been marked as private.
    September 8, 2016 at 1:07 am #1165875
    Rupok
    Member

    Hi there,

    Thanks for writing in! You can add this under Custom > CSS in the Customizer.

    .x-alert, .wpcf7-response-output, .buddypress #message, .bbp-template-notice {
  background-color: #fff;
  color: #f00;
}

    Hope this helps.

    Cheers!

    September 8, 2016 at 8:37 pm #1167345
    Chris
    Participant

    That half-fixed things. The text is red, but the border of the box is still orange.

    September 9, 2016 at 1:51 am #1167610
    Friech
    Moderator

    Hi There,

    Add this on your custom CSS as well.

    .wpcf7-response-output {border-color: #f00;}

    Hope it helps, Cheers!

    September 9, 2016 at 12:31 pm #1168304
    Chris
    Participant

    Bingo. Thanks.

    September 9, 2016 at 1:30 pm #1168385
    Prasant Rai
    Moderator

    You are most welcome. 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1165513 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>