John Davidson

Message:

I followed our friend's solution Change checkout order review section in Woocommerce and now I need to edit the css only from the information table after payment, in which file would I be able to change the css of this table?
i want it to align right at the top of the page, I've already tried using the selector itself and the id with:

display: flex;

align-items: right;

and it has no effect

---

My Answer:
To change the CSS of the checkout order review section in WooCommerce, you can add custom CSS code to your theme's style.css file or use a custom CSS plugin.

If you want to align the table to the right at the top of the page, you can try the following CSS code:

css
.woocommerce-checkout-review-order-table {
float: right;
margin-top: 0;
}


You can add this code to your theme's style.css file or use a custom CSS plugin to add it. Make sure to clear your browser cache after adding the CSS code to see the changes reflected on the checkout page.