center align checkout content

Hi @bapestars

You could try the following CSS code and add that to the “Additional CSS” section in your browser:

.woocommerce-checkout form .col2-set {
width: 100%;
}

.woocommerce-checkout form #order_review, .woocommerce-checkout form #order_review_heading {
width: 100%;
}

Cheers!

@rynald0s thank you for your reply, i have inserted the code into my css but it hasn’t changed.

and the code is a red-ish color in the code for some reason. i never noticed that.

Hi @bapestars,

The CSS is actually working when we add it to the style editor as you can see here.

Full size: https://ibb.co/cvwvdBv

Can you make a full uncropped screenshot of the page where you’re adding the CSS?

I recommend https://snipboard.io for easily sharing screenshots – please follow the instructions on that page, then paste the URL in this thread.

Cheers.

@rainfallnixfig thank you for your help & tip about the screen shot.
i realized i had a broken code or something consisting of a “/” & “*” for my custom cursor….i removed it and then the code worked.

Hi @bapestars,

Thank you for letting us know. It’s great that you got it working now.

I’ll go ahead and mark this thread as resolved. If you have further questions, please feel free to create a new thread.