SOLVED: WooCommerce Checkout Template Order Review padding

Bugs
1
  1. Make a WooCommerce - Checkout Template and add the Elements: Notice, Breadcrumbs, Checkout Customer Details, and Checkout Order Review.
  2. On the Content Tab for Checkout Order Review >> Order Review >> Padding, enter 0 for left and right padding.
  3. Notice the Product/Price in the table now has zero padding on the left and right; but the Subtotal/Price and Total/Price do not.

The Subtotal/Price and Total/Price require different selectors.

Expected: The padding should apply to the Subtotal/Price and Total/Price lines too, for consitency.

Example:

#brxe-xyz .shop_table tbody td, 
#brxe-xyz .shop_table tfoot th, 
#brxe-xyz .shop_table tfoot td {
    padding-right: 0;
    padding-left: 0;
}
2

The workaround is to add this custom CSS to the Checkout Template:

%root% .shop_table tfoot th, %root% .shop_table tfoot td {
    padding-right: 0;
    padding-left: 0;
}
3

Hi,
Thanks so much for your report!

I reproduced the issue and added it to our bug tracker.

Best regards,
timmse

1 Like
4

Hi guys,

We’ve fixed this issue in Bricks 1.10, now available as a one-click update in your WordPress Dashboard.
You can see the full changelog here: Bricks 1.10 Changelog – Bricks

Please let us know if you are still experiencing issues.

Best regards,
M