[antoniokenaz1]

Hello, good afternoon.

I would like to know how I can adjust the font settings on the checkout page:
https://antoniokenaz.com/checkout-2/

The text appears too small, and I believe it affects the overall user experience, especially in the sections that appear after adding a product to the cart and proceeding to checkout.

Could you please guide me on how to increase or customize the font size specifically for that page?

Thank you very much for your kind support.

Best regards,

[serkan]

Hi,
Thank you for your update — and great news: the CSS adjustment you added is indeed the correct way to customize the font sizes on the WooCommerce checkout and cart elements.

Here is a refined version of the CSS you shared, which you can keep using to ensure consistent typography on the checkout page:

/* Product metadata text size */
.wc-block-components-product-metadata .wc-block-components-product-metadata__description > p,
.wc-block-components-product-metadata .wc-block-components-product-metadata__variation-data {
    font-size: 13px;
}

/* Product name text size in the cart */
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
    font-size: 15px;
}

You can safely add this code to:
Dashboard → Appearance → Customize → Additional CSS

It will increase the readability of the checkout/cart items without affecting the rest of your website’s typography.

If you’d like further customization
I can help you adjust:
Label sizes (Billing details, Order summary, etc.)
Input field text size
Button sizes
Spacing between sections
Mobile-specific adjustments

Just let me know what you’d like to improve.
Best regards,
Serkan