Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Lolu chungechunge lwabekwa kunqolobane. Uyacelwa ubuze umbuzo omusha uma udinga usizo.

Form checkboxes and buttons don't show up on my site in Firefox.

  • 4 uphendule
  • 6 zinale nkinga
  • 1 view
  • Igcine ukuphendulwa ngu Yodelman

more options

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:

www.yodelinghalloffame.com

Image attached for reference.

Thanks! Terry

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: www.yodelinghalloffame.com Image attached for reference. Thanks! Terry
Ama-screenshot ananyekiwe

Isisombululo esikhethiwe

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.

Funda le mpendulo ngokuhambisana nalesi sihloko 👍 1

All Replies (4)

more options

Isisombululo Esikhethiwe

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.

more options

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;
}
more options

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

more options

jscher2000, That fixed the problem! A million thanks for your help! Terry