Docs

[jdiaz1302]

Hey there, is it possible to display the order/checkout page different in X using WooCommerce, like the one in the WooCommerce docs https://docs.woocommerce.com/wp-content/uploads/2012/04/WooCommerce-Codex-Checkout-Field-Notice.png

Thanks in advance!

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

@media (min-width:979px){
div#order_review {
    float: right;
    width: 30%;
}
div#customer_details {
    width: 65%;
    float: left;
}
h3#order_review_heading {
    padding-left: 37px;
    float: left;
}
}

Hope that helps.

[jdiaz1302]

Thanks! It worked.

[Paul R]

You’re welcome! 🙂

[Author]

Posts