Как я могу получить цену продажи другого цвета, чем моя обычная цена?

Question

Он всем, мне было интересно, как я могу получить цену продажи, чтобы иметь другой цвет, чем обычный цвет.И имейте регулярную цену полоса через это.Вот ссылка на сайт: http://www.peachandhoney.nl/product/classic-chair/, но я также хочу, чтобы он отображался в списке галереи продуктов http://www.peachandhoney.nl/shop/. Если вы пытались изменить это с помощью этого кода, но он не работает, он изменяет обаЦены.Любой совет, как мне этого добиться?

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

Answer 1

Задайте тег <ins> в своем CSS

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

Answer 2

Я получил его для работы с

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

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

Answer 3

пожалуйста, не используйте !important в вашем CSS. Это плохая практика.

Было бы лучше, если бы вы могли изменить шаблон так, как вам нравится.

В любом случае, оно должно работать с:

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

Answer 4

Попробуйте добавить другие классы, которые меняют цвет:

.sale {
     color: green;
}

.regular {
     color: black;
}

, затем измените классы на JS;