Radio Buttons are Non-Selectable Rectangles/Squares

If you are experiencing non-selectable rectangles/squares where your radio buttons should be, follow these steps to correct the problem:

  1. From "Shopify Admin", select Apps.

    Select Apps

  2. Select Product Options by Bold.

    Select Product Options by Bold

  3. Select Settings.


  4. Select Display Settings.

    Display Settings

  5. At the bottom of the page in the “Advanced Users” section, in the Custom CSS field, enter:
    input[type="radio"] {-webkit-appearance:radio;}

    Custom CSS

  6. Select Save.

    Save CSS

That's it!

Next Steps:

Blog Posts: