Checkout Shipping Column Width

I used:

.checkout .shop_table tfoot th { width: 1% !important; }

which fixes the shipping options but then makes the product description vertical and the stripe card icons are still bunched up..

any help much appreciated!

Picture with CSS above added – https://imgur.com/a/HiDW9TV

• This reply was modified 4 years ago by rcbunker.
• This reply was modified 4 years ago by rcbunker.

Hi there ??

Could you please share a link to your site so that I can take a closer look?

Thanks!

Of course – https://www.rcbunker.com/checkout/

Ad this to cart before you head there – https://www.rcbunker.com/product/2-x-7-4v-1400mah-25c-lipo-battery-a959-rc-with-usb-charger/

Thanks!

This can be fixed with some custom CSS. Under Customize > Additional CSS, you can add the following code:
?

/* Increase shipping table row width */
tr.woocommerce-shipping-totals.shipping td {
    width: 65% !important;
}

?
If you’d like to learn more about CSS, I highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).

Hi @rcbunker,

We’ve not heard back from you in a while, so I’m marking this thread as resolved. Hopefully, the code above was helpful!

If you have further questions, please feel free to open a new topic.

Thanks.