Site logo

Archived topic

Increase width of WooCommerce cart and checkout

5 replies · Started by Tim on August 7, 2021

Viewing posts 1–6 of 6

Use the provided link and take a look at the cart page and then the checkout page (click the large blue button on the bottom).

How can I increase the width of the content area so it's not so cramped up in the middle of the screen?

That worked!

A few more questions:

#1 How can I left-align the page title as well? ("Til kassen")

#2 I applied the same code to .woocommerce-cart .entry-content to fix the cart page (/handlekurv) as well. Here I also want to left align the title of the page ("Handlekurv") + I want to left-align the bottom part of the cart (the part with the heading "Totalt i handlekurven").

Thanks

1. Try this CSS instead:

.woocommerce-checkout .entry-content, .woocommerce-checkout .entry-header {
    max-width: 1400px;
}

2. Try this CSS instead to align the title:

.woocommerce-cart .entry-content, .woocommerce-cart .entry-header {
    max-width: 1200px;
}

To align the totals to left:

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    float: left !important;
}

Let me know if you need further assistance :)

Thank you, everything works :)

Awesome, you are welcome :)

This archived topic is closed to new replies.