在 WooCommerce 商店页面中将“添加到购物车”按钮沿直线对齐

Question

请指导我将所有“添加到购物篮按钮”排列成直线。目前，他们的比例不高。

如果有人可以帮我快速编写代码吗？

如何在 WooCommerce 商店页面中将“添加到购物车”按钮沿直线对齐？

Answer 1

产品名称（或标题）以这种方式嵌入标签中：

<h2 class="woocommerce-loop-product__title">Product title</h2>

因此，您需要min-height为该类定义一个 CSS 规则，选择产品名称的最大高度。因此，如果最大的产品名称高度是 96 像素，您将这样设置规则（例如）：

<h2 class="woocommerce-loop-product__title">Product title</h2>

您应该将此 css 规则添加到活动子主题（或活动主题）的 style.css 文件中。