在WooCommerne中对齐产品按钮

Question

我在Flatsome Wordpress主题上使用WooCommerce。我需要在下一页上对齐橙色按钮："what is std::move() and when should it be used"

按钮应始终在水平线上对齐。我尝试在自定义CSS中使用此代码解决问题，但一切都没有发生。为了确保我可以编写一些自定义CSS，我试图改变按钮上的背景。这很好。

我在这里做错了什么？

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    min-height: 500px !important;
    margin-bottom:10px;
}
ul.products li.product a.button {
    position: absolute !important; 
    bottom: 100px;
}

最好的问候

Answer 1

尝试删除这些样式：

a.button.add_to_cart_button,
a.button.product_type_simple {
    /* bottom: 30px; */
    /* position: absolute; */
}

这应该使按钮很好地对齐。

<强> UPD：

a.button.add_to_cart_button,
a.button.product_type_simple {
    bottom: auto !important;
    position: static !important;
}