Shipping Methods Radio Buttons Overlapping "Express Mail" Text

  • Hello,
    After WooCommerce updated to the latest version, I noticed they removed the option to select either “Radio Buttons” or “drop down menu” styles for the shipping methods. Now, the text that says “Express Mail” and so on is overlapping the Radio Buttons. This problem occurs on the first cart page and also the subsequent checkout page. Anyone know how to fix this?

    I included two pictures of the problem on imgur:
    https://imgur.com/GuUVSzK
    https://imgur.com/pAlQhXC

    Please help! Thank you!

Viewing 5 replies - 1 through 5 (of 5 total)

  • is there anyway you can share a link to your site? it would be hard to answer without being able to see the CSS that controls those elements.

    Thread Starter logitech69

    (@logitech69)

    Yes, of course.
    https://www.MedicalShopLA.com/

    Try adding a product and checking out.
    Also, if you can suggest anything to speed up the site, I’d appreciate it. (I’m already using WP Optimizer)

    not sure about the speed without diving into your entire site. Are you using a caching plugin?

    as far as the radio buttons, here is a quick and dirty fix that might help. Add it to your custom css or in your child them’s ‘style.css’ file 

    #shipping_method input[type=radio] {
    position: relative;
    left: -25px;
}
    Thread Starter logitech69

    (@logitech69)

    Wow, thank you very much for your help! It worked!

    I’m using WP-Optimize and WP Super-Cache. If I access the site through new computers, it feels a bit slow when loading the home page. If there is any other advice you would recommend, please let me know.

    You are wonderful Mr. Case! Thanks again!

    Glad the css worked for you.

    When i visit the site it seems to load ok. its not super fast, but im not tapping my fingers waiting on it either. Maybe its your internet connection? I wouldn’t worry too much about it, but use this tool from google to help get it going as fast as you can.


    https://developers.google.com/speed/pagespeed/insights/

    it will do a speed test and give you some help as to fix any issues.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Shipping Methods Radio Buttons Overlapping "Express Mail" Text’ is closed to new replies.