调整WooCommerce缩略图的大小

Question

我正在使用WooCommerce创建一个WordPress网站，我需要在显示产品（类别）页面中调整产品缩略图的大小。

特别是我遇到这种情况：

我希望有这样一个页面：

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

提前致谢！

Answer 1

我会检查所有周围的类因为它可能受限于它们，或者在外部容器上设置了padding-right。

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