Cerca nel supporto

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

Questa discussione è archiviata. Inserire una nuova richiesta se occorre aiuto.

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

  • 4 risposte
  • 6 hanno questo problema
  • 6314 visualizzazioni
  • Ultima risposta di 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

Immagini allegate

Soluzione scelta

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.

Leggere questa risposta nel contesto 👍 1

Tutte le risposte (4)

more options

Soluzione scelta

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