Make Cart and Checkout Narrower

[smokingjacket]

Hello,

I am trying to make the size of the content on the checkout and the cart page narrower. The code below has worked perfectly, except it seems to make the, otherwise full width, footer narrow too.

.page-id-21, .page-id-22 .woocommerce {
margin-left: 20%;
margin-right: 20%;
}

Does anyone have any better solutions?

Thanks,

Smokingjacket

[thai]

Hi @smokingjacket,

Please update your custom CSS to this:

.page-id-21 .woocommerce, 
.page-id-22 .woocommerce {
     margin-left: 20%;
     margin-right: 20%;
}

Hope it helps

[smokingjacket]

Thanks this worked perfectly!

[rad]

You’re most welcome!