Change WooCommerce checkout widget order summary column width

  • I need help on how to change WooCommerce checkout widget order summary column width. As per the screenshot below, the product is very compressed (I’ve hidden the product price hence why it’s not showing.

    Link: https://lotothailand.com/checkout/

    I have tried adding this css but it’s not working:

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

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hi there ,

    Thanks for reaching out.

    I understand you’re trying to make changes to the WooCommerce checkout widget order summary column width, but the added CSS does not seem to have any effects.

    You can try the following CSS code instead:

    .woocommerce-checkout-review-order-table .product-name {

    width: 300px !important;

    }

    If that does not work, I recommend :

    1. Running the exact question you’re asking, along with the code provided, through an AI platform like ChatGPT for recommendations/changes to your code;
    2. Checking whether there are existing plugins in the WordPress plugin repository that might be doing that already.
    3. Joining our WooCommerce Slack community (it does have a developer channel where you can ask coding questions): https://woo.com/community-slack/

    I hope it helps.

Viewing 1 replies (of 1 total)
  • The topic ‘Change WooCommerce checkout widget order summary column width’ is closed to new replies.