'How to change WooCommerce checkout widget order summary column width

I'm using Astra theme and WooCommerce checkout widget. The first column in order summary is too narrow so it compresses the name of the product. How to change first column width?

enter image description here

csswoocommercecheckoutdatastax-astra


Solution 1:[1]

Looks like I found the css which is controlling it. Changed max-width to 300px and it looks better now.

.elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table .cart_item td.product-name { padding-right: 40px; max-width: 150px; }

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Aldo U

Related Questions