Wordpress and woocommerce checkbox not visible

Question

I use Wordpress and woocommerce https://wordpress.org/plugins/woocommerce/

And businessx theme https://wordpress.org/themes/businessx/

My problem is the checkbox are not visible and i need to show the checkbox

I add an image to show the problem

What solution i can use to solve this problem and have a normal checkbox ?

If i change theme the problem is solved but i use this theme for my site and i need checkbox visible, I try from 10 days to solve this problem without success.

This is the site with bug: hotelfucsia.altervista.org/?product=test

Add a product in cart and after submit and go in checkout page under payment zone you see the terms with missing checkbox.

It'a a probablu a css bug but i don't know what file edit.

Answer 1

To solve this bug need a custom css i found it in the forum or creatore of plugin

Add in custom css this custom code to fix all checkbox missing of businessx theme

/* Enter your customs CSS here */

.woocommerce form .form-row .input-checkbox {
display: inline-block;
margin: -2px 8px 0 0;
text-align: center;
vertical-align: middle;
}

@media screen and (max-width: 768px) {

.post-single {
font-size: 1.5em !important;
}
}

.wpcf7 input.wpcf7-text { width: 50%; }
.wpcf7 textarea.wpcf7-textarea { width: 50%; }
.wpcf7-form textarea { height: 200px; }

.wpcf7-form-control-wrap input { border: 1px solid rgba(154, 141, 141, 0.86) !important;}
.wpcf7-form-control-wrap textarea { border: 1px solid rgba(154, 141, 141, 0.86) !important;}