Form checkboxes and buttons don't show up on my site in Firefox.
I have a sign-up form on my site. The checkboxes and radio buttons don't show up in Firefox. They do show and function in all of the other browsers I've tested. I tried unchecking the Do not Track option but that didn't change anything. The plugin developer says it's the CSS of the Wordpress theme I'm using. The theme developers don't seem to have an aswer. Doe anyone have an idea of how to get the buttons to show? Here's the site:
Image attached for reference.
Thanks! Terry
Ŋuɖoɖo si wotia
Hi Terry, yes, there is a style rule in your theme which is causing this odd behavior. Please see the attached screen shots.
But the story should not stop there, since this appears to be a paid theme (https://premium.wpmudev.org/projects/.../themes/), I suggest escalating the issue to the theme publisher for a solution.
If that is unavailing you (or your designer) may need to insert some custom CSS to override that rule.
Xle ŋuɖoɖo sia le goya me 👍 1All Replies (4)
Ɖɔɖɔɖo si wotia
Hi Terry, yes, there is a style rule in your theme which is causing this odd behavior. Please see the attached screen shots.
But the story should not stop there, since this appears to be a paid theme (https://premium.wpmudev.org/projects/.../themes/), I suggest escalating the issue to the theme publisher for a solution.
If that is unavailing you (or your designer) may need to insert some custom CSS to override that rule.
This is the problem part of the global.css style sheet (starting line 568):
/* Firefox checkboxes and radios are styled to match the rest of the browsers */
@-moz-document url-prefix() {
input[type=checkbox] {
/* original check box are push outside the viexport */
position: absolute ;
left: -1000em !important;
}
Then at line 626:
input[type=radio] {
/* original check box are push outside the viexport */
position: absolute ;
left: -1000em !important;
}
Injecting this at the end of the page overrides it, but I'm not sure how easy it is to insert custom CSS in your theme:
input[type="checkbox"],input[type="radio"]{
position: static !important;
}
jscher2000, That is exactly what I needed to know. I will share that with wpmudev. They are already trying to help but I wanted to cover all of my bases. This should put me on the right track. Can't thank you enough, but... Thanks! Terry
jscher2000, That fixed the problem! A million thanks for your help! Terry