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

5 replies3 participantsUpdated by Rose Tyler

  • Avatar: Marion2318
    Marion2318
    Participant

    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

    Avatar: laranz
    Laranz
    Participant

    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
    Avatar: Marion2318
    Marion2318
    Participant

    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
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    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
    Avatar: Marion2318
    Marion2318
    Participant

    Thank you, that fixed it!

    #171273 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    You’re welcome!

    Regards

    #171275 Copied

You must be logged in to reply to this topic.Log in/Sign up