Invalid Text Field, Red Highlighting

  • Resolved newguy321123

    (@newguy321123)


    5 years, 2 months ago

    The Checkout page is working perfectly. Thank you.

    This may be a Woocommerce issue (if so, just let me know), but may I ask?
    In the Billing Details the text fields’ CSS highlights the invalid fields with a red border. But not all fields. Valid fields are green.

    I’d like to have all input fields highlighted the same way with red = invalid, which also means all fields need to be set to Required.

    The CSS is

    .woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select {
    border-color: #a00;
    }

    Could you advise on how to do that for all fields?
    (hopefully this can be done in a way that won’t get overwritten on the next update ??

    Thank you.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Rupinder Kaur

    (@coolcoders)

    Hi,
    All sections are not red just because they are not required. So you need to make all the fields required for checkout. Then they all will be marked as red at checkout.

    Thanks

    Thread Starter newguy321123

    (@newguy321123)

    Thank you.
    (I’m a little embarrassed for asking such an obvious question ??

    Everything works well.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Invalid Text Field, Red Highlighting’ is closed to new replies.

Tags