View order

Hello,

you can try adding the following CSS rules to your website:

.woocommerce-page.woocommerce-checkout form #order_review_heading, .woocommerce.woocommerce-checkout form #order_review_heading {
    border-width: 0;
    font-size: 1.2rem;
    margin: 0;
    padding: 0;
}

.woocommerce-page.woocommerce-checkout form #order_review, .woocommerce.woocommerce-checkout form #order_review {
    padding: 2em;
    border-width: 2px;
}

You can use the WP Admin -> Appearance -> Customize -> Additional CSS page to add the CSS rules.

Thanks!

The only ”problem” I still have is that the buttons next and previous on the second step are to close to the view order box. Is there any solution for this?

Thanks in advance!

You can solve that with the following CSS rule:

.wpmc-nav-wrapper { margin-top: 20px; }

Thanks!

After updating to the newest version of the plugin I have one new problem.

On the view order page the product name and price are not aligned well with the other text such as the subtotal. How can I add more space?

On my test website the product name and price are aligned well with the other text. Maybe you can ask the theme developer.

I had this problem before and at that moment there was a custom css to fix it. But unfortunately I removed it from my website ??

These was something with the margin or padding