Tab to next field in Woocommerce checkout?

Is there a way to highlight the fields when selected in the checkout page? The reason is a customer asked about why the tab to field didn’t work when it got to the “state” field. It does highlight that form field, but just doesn’t display anything to the user. I think having a little glow effect or something would be enough to fix the minor issue. Is this possible? Thanks for the awesome theme! Everything has been working great for us.

Best,
Bobby

Hello,

Try to add the following code snippet to the Custom CSS area in Theme Settings.

.woocommerce-validated input:not(:focus),
.woocommerce-validated .select2-container--default .select2-selection--single{
	border-color:#459647;
}

Kind Regards
XTemos Studio

That worked great! Is there a simple way to make the phone field not required? Thanks a million!

Try to use the following code snippet for the phone filed
https://gist.github.com/coenjacobs/3714838
You can add it to the functions.php file in the child theme.

Amazing. Thank you!

You are welcome

[Author]

Posts