大佬教程收集整理的这篇文章主要介绍了WooCommerce 的 Wordpress 变化色板选定项目刻度线,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用 WooCommerce 插件的 wordpress 变体色板在我的产品页面上显示变体,以便我在选择项目时更改背景颜色。
该插件提供了更改所选变体背景颜色的功能,但我想删除背景并在选择时在项目的右上方打勾。
这是我正在使用的那个插件的 CSS 代码。
<?php
defined( 'ABSPATH' ) or dIE( 'Keep Silent' );
?>
<style type="text/CSS">
.wvs-archive-variation-wrapper .variable-item:not(.radio-variable-item) {
wIDth : <?php echo $wIDth ?>px;
height : <?php echo $height ?>px;
}
.wvs-archive-variation-wrapper .variable-items-wrapper.squared .button-variable-item,.variable-items-wrapper.squared .button-variable-item {
min-wIDth : <?php echo $wIDth ?>px;
}
.wvs-archive-variation-wrapper .button-variable-item span {
Font-size : <?php echo $Font_size?>px;
}
.wvs-style-squared .button-variable-wrapper.rounded .button-variable-item {
wIDth : <?php echo $wIDth ?>px !important;
}
.wvs-large-variable-wrapper .variable-item:not(.radio-variable-item) {
wIDth : <?php echo $large_size_wIDth?>px;
height : <?php echo $large_size_height?>px;
}
.wvs-style-squared .wvs-large-variable-wrapper .button-variable-item {
min-wIDth : <?php echo $large_size_wIDth?>px;
}
.wvs-large-variable-wrapper .button-variable-item span {
Font-size : <?php echo $large_size_Font_size?>px;
}
.wvs-style-squared .button-variable-wrapper.rounded.wvs-large-variable-wrapper .button-variable-item {
wIDth : <?php echo $large_size_wIDth?>px !important;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
Box-shadow : 0 0 0 <?php echo $border_size?>px <?php echo $border_color?> !important;
}
.woo-variation-swatches .variable-items-wrapper .button-variable-item span,.woo-variation-swatches .variable-items-wrapper .radio-variable-item label,.woo-variation-swatches .wvs-archive-variation-wrapper .reset_variations a {
color : <?php echo $text_color?> !important;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
BACkground-color : <?php echo $BACkground_color?> !important;
}
.woo-variation-swatches .variable-items-wrapper .button-variable-item.SELEcted span,.woo-variation-swatches .variable-items-wrapper .radio-variable-item.SELEcted label {
color : <?php echo $SELEcted_text_color?> !important;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).SELEcted {
BACkground-color : <?php echo $SELEcted_BACkground_color?> !important;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).SELEcted {
Box-shadow : 0 0 0 <?php echo $SELEcted_border_size?>px <?php echo $SELEcted_border_color?> !important;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):hover,.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).SELEcted:hover {
Box-shadow : 0 0 0 <?php echo $hover_border_size?>px <?php echo $hover_border_color?> !important;
}
.woo-variation-swatches .variable-items-wrapper .button-variable-item:hover span,.woo-variation-swatches .variable-items-wrapper .button-variable-item.SELEcted:hover span,.woo-variation-swatches .variable-items-wrapper .radio-variable-item:hover label,.woo-variation-swatches .variable-items-wrapper .radio-variable-item.SELEcted:hover label {
color : <?php echo $hover_text_color?> !important;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):hover,.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).SELEcted:hover {
BACkground-color : <?php echo $hover_BACkground_color?> !important;
}
</style>
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)
以上是大佬教程为你收集整理的WooCommerce 的 Wordpress 变化色板选定项目刻度线全部内容,希望文章能够帮你解决WooCommerce 的 Wordpress 变化色板选定项目刻度线所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。