What other plugins and theme do you use on the site?
I am using prohair theme ProHair & Plugin are Additional Variation Images Gallery for WooCommerce ,Booked ,Contact Form 7, Duplicate Menu,Essential Grid,Jetpack,Slider Revolution,ThemeREX Addons ,ThemeREX Updater,WooCommerce,WP Social Chat,WPBakery Page Builder
Try switching to the default theme and deactivating all plugins excluding Contact Form 7 and WooCommerce.
Why you are advised to deactivate plugins and switch to the default theme.
Not Working , Still Check box not visible.
Hello @ltthakur,
This is a customization issue, not caused by CF7: your theme is overwriting the default checkbox styles.
Please see your parent theme CSS stylesheet (:660-701). You need to override this styles with your own, using a stylesheet of a child theme or with the Additional CSS section within Customizer.
Best regards,
Yordan.
Hi @yordansoares
I am not able to find out the exact problem ( overwriting the default checkbox styles) . Can you please tell me the exact changes where i can get solutions for that.
See the code below
/* Radio buttons and checkboxes */
input[type=”radio”],
input[type=”checkbox”] {
display:none;
}
input[type=”radio”] + label,
input[type=”checkbox”] + label {
position:relative;
padding-left:1.4em;
line-height:1.5em;
}
.wpcf7-form span[class*=’acceptance’] input[type=”checkbox”] + span:before,
input[type=”radio”] + label:before,
input[type=”checkbox”] + label:before {
content:’ ‘;
font-family:”Trirong”,serif;
display:block;
text-align:center;
border: 1px solid #eee;
position:absolute;
left:0;
top:5px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
font-size: 1.5em;
width:0.7em;
height:0.7em;
line-height:0.53em;
}
input[type=”radio”] + label:before {
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.wpcf7-form span[class*=’acceptance’] input[type=”checkbox”]:checked + span:before,
input[type=”checkbox”]:checked + label:before {
content:’\e8ab’;
}
input[type=”radio”]:checked + label:before {
content:’\e83c’;
}