Contact Form 7 // acceptance Checkbox not working

[andi]

Hi Armin,

actually i am trying to integrate a contact form 7 form. Unfortunately the acceptance checkbox is not working, even not displayed. Do you know if it is a Laytheme or a CF7 case? Do you know how to fix it?

thanks

[mariusjopen]

Dear @andi
have a look here:
http://laythemeforum.com:4567/topic/606/is-there-any-way-to-integrate-contact-form-7/4

All the best!

Marius

[andi]

Hi @mariusjopen,
thanks for your answer. I know the thread, but since one of the last updates it is possible to work with shortcodes in laytheme, I already do it with CF7 and it works fine. Except of the acceptance checkbox, and I have no idea why. I thought someone has a solution maybe...
Bests
Andi

[mariusjopen]

Hi Andi,

you are right. Contact Form 7 works with the shortcode.

Why the acceptance field does not work – we do not know.
Maybe there is a Javascript conflict…

Best!

Marius

[m-czyk]

Hi @andi
i hope you found a solution.

I had to deal with it today and it took me a long time to find the mistake.
For the checkboxes to be displayed, you have to insert the following in Custom CSS.

PLUGIN Contact Form 7
.wpcf7 input[type="checkbox"]{
-webkit-appearance: checkbox !important;
-O-appearance: checkbox !important;
-moz-appearance: checkbox !important;
}

PLUGIN WP Forms
input[type="checkbox"]{
-webkit-appearance: checkbox !important;
-O-appearance: checkbox !important;
-moz-appearance: checkbox !important;
}

I hope this help others to use a contact form.

Best Marcin

[m-czyk]

or, if you want to make some custom checkboxes:

input[type="checkbox"]{
-webkit-appearance: none !important;
-O-appearance: none !important;
-moz-appearance: none !important;
your custom styles
}

input[type="checkbox"]:checked {
-webkit-appearance: none !important;
-O-appearance: none !important;
-moz-appearance: none !important;
your custom styles
}

[mariusjopen]

Dear @m-czyk
ah wow. Looks like .a lot of brain-work.
Thank you for sharing!

Best!

Marius

[andi]

<3 Thanks a lot!