HI, I have a problem with woocommerce checkout page: all the checkboxes in the billing details are not shown (for example, the checkbox associated with “send to a different address” and the mailchimp opt-in checkbox).
I found this style in my checkout pages: .td-woo-default .td-woo-billing input {-webkit-appearance: none;}
If I disable this style, checkboxes appear. How can I change this style on my child-theme to make the checkboxes visible? Thank you
Hello,
Please provide the link to your checkout page, I think that to fix this you need a custom code CSS.
Thank you!
This is the website: https://geopolitica.info/
When you add a product in the cart (you can try with this product: https://geopolitica.info/prodotto/agenda-settimanale-di-geopolitica-info/) and you go to the checkout page, all the checkboxes in the billing details are not shown.
Thank you
Hello,
These options are from WooCommerce, so to display the options please make sure you have done the right settings on the WooCommerce plugin => https://i.imgur.com/AtNdXCj.png please check this article https://devanswers.co/shipping-address-missing-woocommerce-checkout-enable/
Thank you!
Maybe I did not explain well. I know how to set up woocommerce for shipping to a different address. In fact, even mailchimp opt-in checkbox is not shown in che checkout page.
As you also suggested, to fix this i need a custom code CSS.
So maybe there is a css class, in the theme files, that hides checkboxes. I found this:
.td-woo-default .td-woo-billing input {-webkit-appearance: none;}
If I disable this style, checkboxes appear. I would like to know if this could be the problem and how to change this style to make checkboxes visible without altering all the woocommerce billing field. Thank you
Hello,
I made a few investigations and seems some browsers does not display the checkbox, also, please make sure you have set correctly the Mailchimp https://docs.woocommerce.com/document/woocommerce-mailchimp/
Also, to display the checkboxes, please use this custom code =>
input[type="checkbox"]{
-webkit-appearance:checkbox!important;
}
This code needs to be set in Theme Panel -> Custom Code -> Custom CSS.
Thank you!
Perfect!!! With the custom code everything works fine.
Both Mailchimp and WooCommerce were already set correctly.
Thank you.
