css - 电子商务；如何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;
}