css - 如何在 Woocommerce 商店页面的同一行中对齐“价格”和“添加到购物车”按钮？

Question

我想知道如何在 woocommerce 的 SHOP PAGE 的同一行中对齐“价格”和“添加到购物车”按钮。

标签： csswordpresswoocommerce

Answer 1

您可以在附加的 css 中添加以下 css

.products span.price{
    float:left;
    margin: 10px 0px;
}
.products a.button.add_to_cart_button{
    float: right;
}

我已经检查过了，它正在工作。您可以查看此屏幕截图