Css 在woocommerce上居中调整产品名称和价格

有人知道如何在woocommerce上居中调整产品名称和价格吗？ 我试过了

/* Center product elements on shop pages */
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
text-align:center;
}
.woocommerce .products .star-rating, .woocommerce-page .products .star-rating {
float:none;
display:block;
margin-left:auto;
margin-right:auto;
}

及

---

谢谢

我花了一整晚的时间试图找到这个。这似乎对我有用：

.woocommerce .products .product,
.woocommerce .products .product .price
{text-align:center}

---

我想发布包含父对象（及其css）的匹配html会很有帮助。您是将其添加到自定义css还是默认css？

.woocommerce .products .product,
.woocommerce .products .product .price
{text-align:center}