Radio Buttons not clickable

[James Junior]

I’m using a plugin (easy wordpress donations) to receive donations through our site and there are supposed to be clickable radio buttons on the page the plugin creates but on this theme they look like check boxes, except that they aren’t clickable. I tried to same plugin on the 2013 wordpress theme and it worked no problem. This leads me to believe that there is something in the responsive visual css or something that is blocking this from working.

Any ideas? Thanks

Here are links to the two different sites I’ve tried it on.

Wordpress 2013 theme
http://ccfministry.com/testsite/?page_id=6

Responsive visual
http://www.ccfministry.com/ccf2/giving/donation-test/

[Bill Robbins]

It may sound odd, but they’re actually selecting, they just aren’t visible. If you’ll look in Firefox, you’ll see the radio fields displaying as you’d normally expect to see them.

To keep mobile phones from automatically rounding inputs, we had added in a style that removes that. That’s what’s keeping the visual indicator from showing up.

Here’s how to change that:

1. Go to the Appearance section in your WordPress control panel and select Edit.
2. From the list of files on your right, choose style.css.
3. Find this near the top:

   
   input,
   textarea {
   	padding: 4px;
   	border: 1px solid #888;
   	-webkit-appearance: none;
   }
   

4. And delete this line:

   
   -webkit-appearance: none;
   

5. Save your changes.

That should do it. If you run into trouble, let me know,
Bill

[Author]

Posts