WooCommerce; Как правильно выровнять цену?

Question

Я весь день стучал в голову, пытаясь найти ответ на этот вопрос; Я не могу понять, как правильно выровнять цену в магазине Woocommerce, который я построил для клиента. Вот где я нахожусь:

.price .woocommerce-Price-amount {
    float: right !important;
    text-align: right !important;}

Похоже, что они не работают, и мне интересно, как моя тема (Avada) как-то перекрывает это? Любая помощь приветствуется.

Сайт: https://shop.quarryoaks.com/

Answer 1

Хорошо, так что выровняйте цену только вправо.Вы используете flex с направлением столбца.Итак, что вы можете сделать, это увеличить этот гибкий элемент (цену) до полной базовой ширины

.price {
    flex-basis: 100%;
    text-align: right;
}

Answer 2

попробуйте это:

Решение № 1

.fusion-price-rating{
    justify-content: flex-end;
}

Решение № 2

.price {
    display: block;
    width: 100%;
    text-align: right;
}