Checkout Shipping Column Width

Resolved rcbunker
(@rcbunker)

5 years, 3 months ago

Hi,

Having issues with the column width for the shipping options on the checkout page, its super tight, please see image here – https://imgur.com/a/GmCTuyE

Is there anyway to fix the width so it fits into the green box as shown in image?

Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)

Thread Starter rcbunker
(@rcbunker)

5 years, 3 months ago
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 5 years, 3 months ago by rcbunker.
- This reply was modified 5 years, 3 months ago by rcbunker.
Plugin Support Gabriel – a11n
(@gabrielfuentes)

5 years, 3 months ago

Hi there 👋

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

Thanks!

Thread Starter rcbunker
(@rcbunker)

5 years, 3 months ago

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!
Plugin Support Gabriel – a11n
(@gabrielfuentes)

5 years, 3 months ago
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).
Plugin Support abwaita a11n
(@abwaita)

5 years, 3 months ago

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.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Checkout Shipping Column Width’ is closed to new replies.