Cart layout

[konoandorca]

Hi,

i’m trying to edit the cart layout.
I want the “cart totals” box on the right to be wider, so “shipping and handling” can fit on 1 line.

In the “your selection” box, the subtotal column is unnecessarily wide.
Also i would like the + and – on the same line.
It looks weird right now.

Thank you!

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Add this to your custom css:

.woocommerce .cart_totals table tr.shipping td {
  width: 40%;
}

For the quantity buttons I don’t get this issue? Even when resizing browser there is no point where the + drops onto a new line

– Kyle

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.woocommerce .cart_totals table th {
   width: 132px !important;
}

Thanks
Mohammad

[konoandorca]

Thanks for the help.
Neither of these codes is doing anything for me though.

[konoandorca]

Sorry,

i added it to child theme css.
Tried it in custom css now.
This did not have the desired effect now.
“Shipping and handling” is indeed on 1 line, but that makes the rest of the text in the box feel cramped.

I want to widen the entire cart totals box.

[Mohammad – SUPPORT]

Hi,
Please insert this code at Admin -> Theme Options -> General Options -> Custom CSS.
Thanks
Mohammad