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 *

To respond on your own website, enter the URL of your response which should contain a link to this post's permalink URL. Your response will then appear (possibly after moderation) on this page. Want to update or remove your response? Update or delete your post and re-enter your post's URL again. (Find out more about Webmentions.)