Return to previous page

Column width too small to list radio buttons next to shipping options

This topic has 6 replies, 3 voices, and was last updated 6 years, 7 months ago ago by Rose Tyler

Marion2318

Participant

August 29, 2017 at 22:53

Hello, can you assist getting the shipping column on the checkout page to line up the shipping options with their respective radio buttons? They look perfect on the cart page but once you select a shipping option, the column appears to be too narrow to display the shipping option side by side to the radio button, therefore the radio button is flush right on one line and the option is flush right below it. Would like them to look like they do on the cart page, which is perfectly lined up. Thank you!

#171045 Copied Theme version: 4.3 WooCommerce version: 4.8.1

5 Answers

Laranz

Participant

August 30, 2017 at 05:32

Hi,

I tried to add few products and checkout, but it says “There are no shipping methods available. Please double check your address, or contact us if you need any help.” So can you give us some dummy address or a user account where you add products and address already in a Private Content? Also pass us some screenshot about the issue.

I chose a few countries, all said this. I choose United States and it says Flat Shipping price around 8$.

Let us know,

Thanks,
laranz.

#171059 Copied

Marion2318

Participant

August 30, 2017 at 15:46

Thank you, I clicked Calculate Shipping and got the different shipping options. I could send a screenshot if needed but don’t see a way to attach one here? However, I will enter a user account below in the private content area so you can log in and hopefully you can see it? The Cart page is perfect. It’s the Checkout page that lines up wrong. Thank you!

Please, contact administrator
for this information.

#171152 Copied
Rose Tyler

Support staff

August 31, 2017 at 09:42
Hello,

Please add this code in Theme Options > Styling > Custom css:
```
.shipping label {
    font-size: 0.75em;
}
.woocommerce-checkout .order-review td:last-child{
    width:50%;
}
```
Regards
#171187 Copied
Marion2318

Participant

August 31, 2017 at 16:20

Thank you, that fixed it!

#171273 Copied

Rose Tyler

Support staff

August 31, 2017 at 16:28

You’re welcome!

Regards

#171275 Copied
Viewing 6 results - 1 through 6 (of 6 total)