对齐＆＃34;添加到购物车＆＃34; WooCommerce商店页面中的直线按钮

Question

请指导我带上所有＆＃34;添加到购物篮按钮＆＃34;在直线上。目前它们并不成比例。

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

如何对齐＆＃34;添加到购物车＆＃34; WooCommerce商店页面中的直线按钮？

Answer 1

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

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

因此，您需要为该类定义min-height css规则，并选择产品名称的最大高度。因此，如果最大产品名称高度为96像素，您将以这种方式设置规则（例如）：

.woocommerce-loop-product__title {
    min-height: 100px;
    /* OR
    min-height: 100px !important; */
}

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