Radio Buttons are Non-Selectable Rectangles/Squares

Follow

If you are experiencing non-selectable rectangles/squares where your radio buttons should be, 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.

    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

Comments

0 comments

Please sign in to leave a comment.