Reformatting shopping cart and checkout Total showcase

adelianbrands

Hi,

It's me again :) How would it be possible to change this layout both in the cart and checkout pages:

I'd like the Total to be aligned to the right but the (includes VAT) part to be on the next row, also aligned to the right and shown below the Total?

Thanks!

Phil

Hi,

It might be achievable with custom CSS code, but I will need a link to your website to check that.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

adelianbrands

Thanks! Details sent to your email.

Phil

Try this code:

.woocommerce-cart .cart_totals .includes_tax{
 display: block;
}
.woocommerce-checkout .order-total .includes_tax{
 display: block;
}

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

adelianbrands

Thanks, this worked!!

Do you have any idea why in checkout the products are shown weird, not formatted correctly and are clearly too narrow:

Phil

The "Choose delivery method" button breaks the layout. When I hide it in browser developer tools, it looks like this:

I do not want to mess it with a custom CSS, so I think that the best solution would be to contact the plugin author if they have some ready solution for this.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next