[Support request] Adjust width of Product and Subtotal columns on WooCommerce checkout page

[Margaret]

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.

[Fernando]

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?

[Author]

Posts