Wordpress 和 woocommerce 复选框不可见 [英] Wordpress and woocommerce checkbox not visible

问题描述

我使用 Wordpress 和 woocommerce

解决方案

为了解决这个 bug 需要一个自定义的 css 我在论坛或插件的创建者中找到它

在自定义 css 中添加此自定义代码以修复 businessx 主题的所有复选框缺失

/* 在此处输入您的海关 CSS */.woocommerce 表单 .form-row .input-checkbox {显示:内联块；边距:-2px 8px 0 0;文本对齐:居中；垂直对齐:中间；}@media 屏幕和(最大宽度:768px){.后单{字体大小:1.5em ！重要；}}.wpcf7 input.wpcf7-text { 宽度:50%;}.wpcf7 textarea.wpcf7-textarea { 宽度: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;}

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.

解决方案

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;}

这篇关于Wordpress 和 woocommerce 复选框不可见的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！