调整WooCommerce缩略图的大小

Question

我正在用WooCommerce制作一个WordPress网站，我需要在显示产品(类别)页面中调整产品缩略图的大小。

特别是我有这样的情况：

​

我想要一个这样的页面：

​

有可能吗？我已经检查了CSS类应该是img.attachment-shop_catalog.wp-post-image，并且我已经尝试使用-webkit-transform:scale(1.2);，但是我的产品图像缩略图重叠。这不是WooCommerce图片设置的问题(“强制硬裁剪”选项被禁用)，所以我想我必须添加一个自定义的CSS。你能帮我解决这个问题吗？

提前感谢！

Answer 1

我会尝试找到(使用Chrome的可能性)，并首先尝试在CSS中本地调整它们和产品容器的大小。