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.
  2. Select Product Options by Bold.
  3. Select Settings.

    select settings 

  4. Select Display Settings.

    select 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;}

    enter this code 

  6. Select Save.

    select save 

That's it!

Have more questions? Submit a request