How can I convert Woo Commerce checkout fields to display in capital letters?

Hi Team,

I would like to know how can I make the checkout fields of Name, Surname, Address, etc to be displayed in capital letters the first letter? and also make the values saved the same way in the database, to display the first letter in Uppercase format.

What type of custom code or CSS do I need to add to my website using the woodmart theme that hooks into the action that saves the checkout fields, values to display the first letter in uppercase format.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.woocommerce-checkout .woocommerce-shipping-fields h3 span{
text-transform: capitalize;
}
.woocommerce-checkout .woocommerce-billing-fields h3{
text-transform: capitalize;
}
body table th {
    text-transform: capitalize;
}

Best Regards

Thank you, I will let you know if it works! Happy New Year 🙂

You are welcome! If you have any questions please feel free to contact us.

Best Regards

Sorry have one more question, seems like the first letters of the name values are working.. any way to make the address input values first letter capital as well?

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.woocommerce-checkout input[type=text],  
.woocommerce-checkout textarea {
    text-transform: capitalize;
}

Best Regards

[Author]

Posts