Docs

[martinezg]

Hi,

I want to center my Cart page as it is right now floating to the left:
http://patriciamartinez.co.uk/cart/

I tried doing the below:
.left {
float: none;
margin-left:auto;
margin-right:auto;
}

But this was affecting my Shop too, which I dont want to change. The side bar was moving to the bottom.
http://patriciamartinez.co.uk/shop/

How can I center only the Cart page?

[Rue Nel]

Hello There,

Thanks for writing in! It seems that the shop page is using the global content layout. This is why it is not center because the space on the right side is for the sidebar. To center it and without a sidebar, please go to the customizer, Appearance > Customize > WooCommerce > Shop and select the “Shop Layout” as fullwidth.

Hope this helps.

[martinezg]

Thanks. But I want to keep my sidebar. All i want is for the Cart to be centered not to remove the sidebar.

[Rupok]

Hi there,

In that case you can try this :

.woocommerce-cart .x-main.left {
  float: none;
  text-align: center;
  width: 100%;
}

It won’t affect other pages.

Cheers!

[Author]

Posts