Return to previous page

Format USPS shipping options on Checkout Page

This topic has 7 replies, 4 voices, and was last updated 8 years ago ago by Eva Kemp

smariano

Participant

April 1, 2016 at 01:13

I am using the WOOCommerce USPS Shipping Plug in.
On the Cart Page, the shipping options appear as radio buttons formatted correctly

On the Checkout page, the some of the shipping options do not align properly with the radio buttons appearing above the option text instead of to the left of the text. The issue can be seen at this screen shot location:

https://blagochestie.com/shipping options display.docx

#119634 Copied Theme version: 2.8

6 Answers

Robert Hall

Support staff

April 1, 2016 at 08:46

Hello,

I didn’t see any issues on Checkout page. See screenshot:
https://gyazo.com/af95f1c78b7e5ff3cf7d516466295c1f
Could you please clarify with more details and provide us with correct screenshots?

Regards,
Robert Hall

#119658 Copied

Jack Richardson

Support staff

April 1, 2016 at 08:46

Hello,

Please check the screenshot http://storage8.static.itmages.com/i/16/0401/h_1459496718_7993911_dbf6aa0741.png . I don’t see radio buttons there. Please specify how to replicate the issue.

Best regards,
Jack Richardson.

#119659 Copied

smariano

Participant

April 1, 2016 at 11:58

To replicate the issue, follow these steps:
– Add an item to the cart
– View the cart page
– Click Calculate shipping and choose a US address
– Click Checkout and then the Checkout page will show the issue

#119697 Copied

Eva Kemp

Support staff

April 1, 2016 at 14:01

Hello,

Sorry, but still the same.
Perhaps you set shipping for specific country only.
Please make it available for all countries so we can see the problem.

Thank you.
Regards,
Eva Kemp.

#119706 Copied

smariano

Participant

April 1, 2016 at 14:11

It is now available for all countries, you should see the issue now

#119707 Copied
Eva Kemp

Support staff

April 1, 2016 at 15:20
Hello,

Please add this code in Theme Options > Custom CSS > Custom CSS for desktop:
```
.shop_table tr li {
   display: flex !important;
}
ul#shipping_method {
    width: 250px;
}
.shipping input[type=radio] {
   display: table;
   margin-right: 20px;
}
```
Regards,
Eva Kemp.
#119722 Copied
Viewing 7 results - 1 through 7 (of 7 total)