Woocommerce：使用CSS对齐添加到购物车按钮

Question

有没有办法在shop page上对齐“添加到购物车”按钮？产品名称长度不同时。我尝试添加这个CSS代码，但没有悬停就无法工作。

.woocommerce .products .product .button { 
 
    font-size: 13px; 
 
    /* padding:8px 26px; */ 
 
    margin-left: 10px; 
 
    position: absolute !important; 
 
    display: block; 
 
    bottom: 30px; 
 
    vertical-align: bottom !important; 
 
} 
 
.woocommerce a.added_to_cart { 
 
    /* display: inline-block; */ 
 
    font-size: 12px; 
 
    line-height: 18px; 
 
    padding-top: 8px; 
 
    position: absolute !important; 
 
    display: block; 
 
    bottom: 30px; 
 
    vertical-align: bottom !important; 
 
    white-space: nowrap; 
 
    border-bottom: 1px solid transparent; 
 
}

Answer 1

尝试突破的产品名称，如果产品名称是不够或使用“产品名这么久......”这样长期展示产品name.or更好地覆盖您的子主题上的模板archive.php。