Как изменить цвет цены для различных вариаций товара?
Как мне изменить цвет суммы вариативного товара на странице, используя стилизацию CSS в виджете Elementor? Я пробовал прописать следующий код:
```css
.woocommerce-Price-amount {
color: #ff6600 !important;
}
```
Однако, цвет цены меняется везде. Можете ли вы подсказать, как изменить цвет только для суммы вариативного товара? Как пример, вот ссылка на страницу: [https://xn--24-mlc6ano.xn--90ais/product/kostyli-r...](https://xn--24-mlc6ano.xn--90ais/product/kostyli-r...)
- 3 января 2024 г. 0:07
Для того чтобы изменить цвет только для суммы вариативного товара на странице, вам нужно добавить класс, который отображает только эту часть цены. Например, вы можете найти класс ".woocommerce-Price-amount", который применяется ко всей цене, и добавить класс ".woocommerce-Price-amount" для суммы вариативного товара. Вот пример кода:
```css
.woocommerce-Price-amount.amount {
color: #ff6600 !important;
}
```
Таким образом, вы измените цвет только для суммы вариативного товара, не затрагивая другие части цены на странице.
К правильным классам обращаться нужно и вложенности почитать