Archived topic
Increase width of WooCommerce cart and checkout
5 replies · Started by Tim on August 7, 2021
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?
Hi Tim,
Do you mean the check out page?
https://www.screencast.com/t/v626CViLb
If so, try this CSS:
.woocommerce-checkout .entry-content {
max-width: 1200px;
}
Let me know :)
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 :)