Contact Form 7 // acceptance Checkbox not working
-
wrote on Aug 13, 2018, 7:55 PM last edited by
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
-
Dear @andi
have a look here:
http://laythemeforum.com:4567/topic/606/is-there-any-way-to-integrate-contact-form-7/4All the best!
Marius
-
wrote on Aug 15, 2018, 11:09 AM last edited by
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 -
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
-
wrote on Mar 13, 2019, 6:01 PM last edited by
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
-
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
wrote on Mar 14, 2019, 8:56 AM last edited byor, 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
} -
-
wrote on May 10, 2019, 3:45 PM last edited by
<3 Thanks a lot!
I also code custom websites or custom Lay features.
💿 Email me here: 💿
info@laytheme.com
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it