Checkboxes not working in WPforms form

  • Resolved arminpt24

    (@arminpt24)


    3 years, 12 months ago

    Hello,

    I’d like some help with my WPforms form on the page. It does not show the ‘check’ symbol when you click one of the checkboxes. I’m not sure what is wrong, as everything in the WPForms settings seems to be correct.

    It is the form that pops up when you click the (premium addons) button with the text ‘Woning aanmelden’. https://haymanrentals.nl/verhuurmakelaar-den-haag/

    I’d love to know what is wrong and how I can fix this.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Nik Sebastian

    (@niksebastian)

    3 years, 12 months ago

    Hi @arminpt24 — Sorry to hear about the trouble you are facing here!

    I took a look at the form and I believe I see the issue with the checkbox/radio button styling. The WordPress theme is changing the browser’s default appearance for checkbox/radio button inputs and that’s conflicting with WPForms styles.

    To address this, we need to make some small CSS tweaks, which I’ve included below:

    .wpforms-container input[type=radio] {
	-webkit-appearance: radio !important;
	-moz-appearance: radio !important;
	appearance: radio !important;
}

.wpforms-container input[type=checkbox] {
	-webkit-appearance: checkbox !important;
	-moz-appearance: checkbox !important;
	appearance: checkbox !important;
}

.wpforms-container input[type=radio]:checked:before,
.wpforms-container input[type=radio]:before,
.wpforms-container input[type=checkbox]:checked:before,
.wpforms-container input[type=checkbox]:before,
.wpforms-container input[type=radio]:checked:after,
.wpforms-container input[type=radio]:after,
.wpforms-container input[type=checkbox]:checked:after,
.wpforms-container input[type=checkbox]:after {
	display: none !important;
}

    And in case it helps, here’s a tutorial on how to add custom CSS like this to your site.

    Hope this helps!

    Thread Starter arminpt24

    (@arminpt24)

    3 years, 12 months ago

    Thanks so much @niksebastian – it worked like a charm!

    Nik Sebastian

    (@niksebastian)

    3 years, 11 months ago

    Hi @arminpt24 — Happy to help 🙂

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Checkboxes not working in WPforms form’ is closed to new replies.