Woocommerce；如何css右对齐价格？

Question

我整天都在努力地摸索，试图找出答案。我一生都无法解决如何在为客户建立的Woocommerce商店中正确调整价格。这是我的位置：

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

这些似乎没有用，我想知道我的主题（Avada）是否能覆盖这个问题？任何帮助表示赞赏。

网站：https://shop.quarryoaks.com/

Answer 1

尝试一下：

解决方案＃1

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

解决方案2

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

Answer 2

好，所以只能将价格向右对齐。 您正在使用带有列方向的flex。因此，您可以做的就是将此弹性商品（价格）增加到整个基本宽度

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