我正在使用Woocommerce的Product Vendors扩展，该扩展使我可以拥有一个多供应商的网站。我不使用默认商店页面为用户显示产品。相反，用户选择商店并在供应商的单独页面上查看产品。我正在尝试使产品缩略图和文本中心对齐，特别是针对移动设备。我尝试了许多不同的CSS建议。我最接近的是使用：
.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;
overflow: hidden;
}
此中心对齐文本，但不对齐图像。我想知道如何正确对齐图像。指向相关页面的链接是：
https://saskontap.magnaprototype.com/vendor/twisted-tartan/
感谢您的时间。