Shopping basket & Checkout

Hi there,

Is there a possibility have the shipment “balls” in front of a longer text?
I have circled the longer texts in the pictures.

Attachments:

You must be logged in to view attached files.

Hello,

Please insert the site admin access into the Private content below the message area. We will take a closer look at the case.

Best Regards

Here you go:

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

#shipping_method label {
    font-size: 12px;
}

Best Regards

Thanks for this!
Is there a possibility to widen the “td” or the “ul#shipping_method.woocommerce-shipping-methods area as in the first picture (shoppingbasket1) you can see?
The “th” (shoppingbasket2) area could be narrower.
Example the “td” or the ul#shipping… area could be 2/3 of the whole size and the “th” area could be 1/3 of the size.

Attachments:

You must be logged in to view attached files.

Hello,

Unfortunately, table markup does not allow this.

If you have any questions please feel free to contact us.

Best Regards

Okay, thank you for this information!

Is there any other way to change those measurements?
Shoul I ask from “table markup” creators how this could be fixed by some way?

Hello,

HTML structure does not allow solving it by custom CSS, unfortunately. Such modification requires complicated Woocommerce code customization which is not covered by our support.

Best Regards

Hi Elise,

WooCommerce gave me these instructions.
So how should I put these work in css?

Have you tried table-layout: fixed; ? Then you can set the width of the first cell as you like, a css selector such as table tr td:first-child will do the job.

Hello,

Table markup is quite limited in options to customize with CSS. You would better reduce font size a bit.

If you have any questions please feel free to contact us.

Best Regards

I made these fixes and it looks good now:

.cart-collaterals .cart_totals table th {
text-align: left;
font-size: 14px;
width: 15%;
}

.woocommerce-checkout-review-order-table th {
width: 20%;
}

.cart_item .product-name {
width: 15%;
}

Hello,

We are glad you have solved the issue with the checkout.

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts