Question

他大家，我想知道如何获得与普通颜色不同的销售价格。并有正常的价格通过它。这是该站点的链接：http://www.peachandhoney.nl/product/classic-chair/，但我也希望它显示在产品库列表http://www.peachandhoney.nl/shop/中。如果尝试使用此代码进行编辑，但无法正常工作，则会更改两个价格。关于如何实现这一目标的任何建议？

    .product .summary .price .amount {
    color: #e78484 !important; }
}

Answer 1

在您的CSS中定位<ins>标签

.product .summary .price ins .amount {
    color: #e78484 !important; 
}

Answer 2

尝试添加其他更改颜色的类：

.sale {
     color: green;
}

.regular {
     color: black;
}

然后通过JS更改类；

Answer 3

请考虑不要在CSS中使用!important。这是不好的做法。

如果您可以随意更改模板，那就更好了。

无论如何，它应该与：

    .product .price .amount {
            color: #e78484 !important;  
    }
    .product .price .amount ~ .amount {
            color: #111 !important; 
            text-decoration: line-through
    }

Answer 4

我可以使用它

    .product .summary .price del .amount {
    color: #000000;
    text-decoration: line-through
    }

    .price ins .woocommerce-Price-amount {
    color: #d98159 !important;
    }

如何获得我的销售价格与正常价格不同的颜色？

4 个答案: