-
-
Hello – once again with a new update, my cart page is not aligned correctly. The cart subtotals/text should be right-aligned (so they appear under the heading “Cart Totals”) – Instead, the subtotals/tax/etc. is all alighed left of center.
I have CSS code in there that used to address this, but it no longer seems to be working – please see question #1 on this thread from last year: https://support.codeless.co/?topic=cart-layout-buttons-product-typography
What I’ve got in CSS right now is:
.woocommerce-cart .woocommerce form { width: 100% !important;}
.woocommerce-cart .woocommerce .cart-collaterals { width: 100% !important;}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals h2 { text-align: right !important;}What adjustments/additions can I make to this, to ensure that the cart subtotal form (and text within the form) is right aligned to match the right side of the product row?
-
Hello,
Please try this code:
.woocommerce table.shop_table, .woocommerce-page table.shop_table { text-align: right !important; }
Let us know.
Best regards!
-
Mihaila –
Thanks! That worked to right align everything. However, the left column of the table is still floating on the left side of the page. How do I adjust the left margin/column width so that the text (eg: “subtotal”) is next to the price? Let me know if you need met to include a screenshot.
Rebecca
-
Hello,
The text “subtotal” is also aligned right. See screenshot: https://postimg.cc/image/4i8yg0qcd/
But it’s away from the price because the price tab is too wide and since the price too, is aligned right.. this distance is created then.
Please add this code into your custom css box:.woocommerce .cart-collaterals .cart_totals tr td { width: 30%; }
It will decrease the cel where the price is, width and make the titles more close.
Best regards!
-
Thank you! I played around with it a bit and ended up reducing it to 5% to reach what I wanted. Thank you for the custom CSS!
-
You must be logged in to reply to this topic.