Radio Buttons are Non-Selectable Rectangles/Squares


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

  1. From Shopify's 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:

2 out of 2 found this helpful



Please sign in to leave a comment.