Font size in woocomerce checkout fields

Hi @gnyendu

Thanks for reaching out!

I understand that you would like to adjust the font size of the input fields and placeholders on your site’s checkout page.

Please add the CSS codes below under Appearance > Additional CSS. Please change the # to your desired font size.

/* Change font size of input fields */
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="password"],
.woocommerce-checkout input[type="number"] {
font-size: #px; 
}


/* Change font size of placeholder names */
.woocommerce-checkout ::-webkit-input-placeholder {
font-size: #px;
}
.woocommerce-checkout :-moz-placeholder {
font-size: #px;
}
.woocommerce-checkout ::-moz-placeholder {
font-size: #px; 
}
.woocommerce-checkout :-ms-input-placeholder {
font-size: #px; 
}

If this did not resolve your issue, please share with us the URL or the link to your site for us to address you more effectively.

Thanks!

Thank you @xue28 helping out. The CSS you provide did not resolve my issue but the one described here worked: https://theme.co/archive/forums/topic/woocommerce-checkout-input-box-fonts/

Hi @gnyendu ,

Glad to hear that you found CSS that works as expected on your end ??

Since this has been resolved, feel free to create a new topic should you need any further help.

Cheers!