Cart Page Formatting | WordPress.org

Hi @birthma

To align the cart totals to the center, you can use the CSS code below by navigating to Appearance → Additional CSS → paste the code then Publish to save the changes.

.woocommerce-cart .cart_totals {
float: none !important;
margin: 0 auto !important;
text-align: center;
}

I hope it helps!

Thanks for that! It did centre the title as you’ll see but I would like to centre everything under the title as well (centre to middle of the page). Any ideas?

Hi @birthma

Thanks for that! It did centre the title as you’ll see but I would like to centre everything under the title as well (centre to middle of the page). Any ideas?

I’m thrilled that the CSS code worked to center your title! If you want to center everything underneath the title as well, here’s a CSS code you can use:

.woocommerce-cart.cart-page-layout-1 .cart-collaterals {
float: none !important;
margin: 0 auto !important;
text-align: center;
}

To apply this, follow these steps:

1. Navigate to your WordPress dashboard.
2. Go to Appearance → Customize → Additional CSS.
3. Paste the above CSS code into the Additional CSS box.
4. Click on ‘Publish‘ to save the changes.

Image Link: https://s11.gifyu.com/images/Sg8Ho.gif

This code should center the entire “Cart totals” section, including all the content below the title. If you have any more questions or need further assistance, don’t hesitate to ask!