Actually, that made it look like a short textbox but no working checkbox. I added to your CSS and this fixed it. The “submit” button is also not appearing, maybe you can guide me as to work around that? Would you be able to help with either removing all custom css from the form button or better, I can assign the form button a CSS class so maybe it will appear and look like the Enfold buttons but I don’t know what that class is.
As for the original question, here is what fixed the checkboxes and radio buttons for me (would you mind letting me know if I’m missing something critical?):
input[type=”checkbox”] {
-webkit-appearance: checkbox !important;
-moz-appearance: checkbox !important;
-ms-appearance: checkbox !important;
-o-appearance: checkbox !important;
appearance: checkbox !important;
}
#top input[type=checkbox].input-text {
width: 14px !important;
margin: 0 10px 0 0 !important;
}
input[type=”radio”] {
-webkit-appearance: radio !important;
-moz-appearance: radio !important;
-ms-appearance: radio !important;
-o-appearance: radio !important;
appearance: radio !important;
}
#top input[type=radio].input-text {
width: 14px !important;
margin: 0 10px 0 0 !important;
}