DigitalRefresh
8/3/2018 - 2:18 PM

GF Validation Error Message #rename #css

Change the Gravity Forms submission error validation message.
Source: https://gravitywp.com/changing-error-message-gravity-forms/

// Gravity Forms Validation Error Message
add_filter("gform_validation_message", "gf_change_error_message", 10, 2);
function gf_change_error_message($message, $form){
  return '
\!h     <div class="validation_error">__Uh oh! It looks like we are missing a bit of information.<br>Please check the highlighted fields and submit again.__
  ';
}
/*Gravity Forms Validation Error Message*/
    .gform_wrapper div.validation_error {
        color: #000 !important;
        font-size: 100% !important;
        font-weight: normal !important;
        border: 1px solid #65A9CC !important;
        padding: 1em 0px 1em 20px !important;
    }
    
    /* Change the background and border color of the highlighted fields*/
    body .gform_wrapper li.gfield.gfield_error, body .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
        border-color: #65A9CC !important;
        color: #444 !important;
        background-color: #65A9CC !important; 
    }
    /* Change the color of the label and the required text.*/
    .gform_wrapper .gfield_error .gfield_label, .gform_wrapper .validation_message {
        color: #FFFFFF !important;
    }
    /* Change the border for input fields to black (and not red)*/
    .gform_wrapper li.gfield_error input[type="email"],
    .gform_wrapper li.gfield_error input[type="number"],
    .gform_wrapper li.gfield_error input[type="password"],
    .gform_wrapper li.gfield_error input[type="tel"],
    .gform_wrapper li.gfield_error input[type="text"],
    .gform_wrapper li.gfield_error input[type="url"],
    .gform_wrapper li.gfield_error textarea {
        border: 1px solid #000;
    }