Checkbox not selectable

  • Resolved aleferoc

    (@aleferoc)


    5 years, 7 months ago

    Hello

    Thank you for the great plugin wpforms which is my favorite of the contact forms.
    My problem now, I can not select the checkbox.
    I tried different CSS codes that I found during my research in the forum.. None of them works.

    Could you help me?
    Thanks and best regards,
    Eveline

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Jade

    (@jadeam)

    5 years, 7 months ago

    Hello @aleferoc,

    I took a look at the form and I believe I see the issue with the checkbox 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 a small CSS tweaks, which I’ve included below: 

    div.wpforms-container .wpforms-form ul li .checkboxbutton:before {
	display: none;
}

div.wpforms-container .wpforms-form ul li .checkboxbutton input[type=checkbox] {
	opacity: 1;
	position: relative;
	left: unset;
	right: unset;
	bottom: unset;
}

    In case it helps, here’s a tutorial from WPBeginner on easy ways to add custom CSS like this to your site.

    I hope this helps

    Thread Starter aleferoc

    (@aleferoc)

    5 years, 7 months ago

    Wow, it works. It’s great, I’m very happy.
    Thanks a lot for your help.
    Best regards,
    Eveline

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

The topic ‘Checkbox not selectable’ is closed to new replies.