Code is Poetry

Contact Form 7 & Lay Theme: Show Radio Buttons in Chrome & Safari

Apparantly, some WordPress theme authors (accidentally?) override the display of radio buttons and checkboxes of the popular Contact Form 7 plugin in Chrome and Safari browsers.

I recently encountered this problem with the rather extra-ordinary Lay Theme.

Thanks to these sources (1, 2) I found a solution that seems to be working across browsers.

.wpcf7 input[type="checkbox"]{
-webkit-appearance: checkbox;
-O-appearance: checkbox;
-moz-appearance: checkbox;
}

.wpcf7 input[type="radio"]{
-webkit-appearance: radio;
-O-appearance: radio;
-moz-appearance: radio;
}

0 comments on “Contact Form 7 & Lay Theme: Show Radio Buttons in Chrome & Safari

Leave a Reply

Your email address will not be published. Required fields are marked *