是否有一种方法来对齐商店页面上的"添加到购物车"按钮?当产品名称长度不同时。我尝试添加这个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;
}
如果产品名称足够长,尝试打破产品名称或使用'产品名称这么长.....’以这种方式显示产品名称。或者最好在子主题上覆盖模板archive.php。