Return to previous page

Layout of shipping options - by vdberggert

This topic has 5 replies, 2 voices, and was last updated 7 years, 7 months ago ago by Eva Kemp

vdberggert

Participant

August 29, 2016 at 01:01

Hello, can you please help to get layout to look normal? screenshot link in private content.

First radio button is above the first option, and then the second option kind of look better. Also, I need this to be blank by default so my customer can choose but must be compulsory.

Thanks Guys.

Please, contact administrator
for this information.

#138046 Copied

4 Answers

vdberggert

Participant

August 29, 2016 at 01:17

When I add a free shipping coupon, i get the same layout, see link… In this case, when I add a free shipping coupon code, the free ship option must auto select, but this is what I get.

In the previous version it use to auto select free shipping option, and im almost sure the other options was removed, and was not available at all.

Thank you very much,
Gert.

Please, contact administrator
for this information.

#138047 Copied Theme version: 4.2 WooCommerce version: 2.6.4
Eva Kemp

Support staff

August 29, 2016 at 10:07
Hello,

1. Please add this code in custom.css file:
```
.cart-collaterals .cart_totals table th {
   width: 80px;
}
```
Default shipping settings are related to Woocommerce, you can ask at their support how to disable default shipping method, also refer to this topic http://stackoverflow.com/questions/32377151/how-to-disable-default-shipping-and-payment-options-on-checkout-with-woocommerce

2. The same issue persists with default Woocommerce theme Storefront. Activate it in Appearance > Themes and check yourself.
You need contact Woocommerce support regarding this problem.

Regards,
Eva Kemp.
#138094 Copied
vdberggert

Participant

August 29, 2016 at 10:55

regarding number one above, can the radion buttons align left? to be below each other? It appears to be aligned to right of page currently.

https://www.dropbox.com/s/2nejclnt5whjmhr/2016-08-29_2151.png?dl=0

#138106 Copied
Eva Kemp

Support staff

August 29, 2016 at 11:14
Hello,

Please use this code in custom.css file:
```
#shipping_method input[type="radio"] {
    float: left;
}
#shipping_method {
  width: 200px;
}
```
Regards,
Eva Kemp.
#138113 Copied
Viewing 5 results - 1 through 5 (of 5 total)