Site logo

Archived topic

Adjust width of Product and Subtotal columns on WooCommerce checkout page

1 reply · Started by Margaret on December 1, 2022

Viewing posts 1–2 of 2

Hello, on the WooCommerce checkout page, in the table under the "Your order" heading, is there a way to increase the width of the Product column and decrease the width of the Subtotal column?

Also, is there a way to vertical-align: middle the text in that table?

Thank you.

Hi Margaret,

Yes, there's a way. Can you try adding this through Appearance > Customize > Additional CSS:

.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table th.product-name {
    width: 60%;
}

As for the alignment, it already seems vertically aligned center on my end. Can you expound a bit more on how you want it aligned?

This archived topic is closed to new replies.