调整 WooCommerce 缩略图的大小

【问题标题】：Resize WooCommerce Thumbnails调整 WooCommerce 缩略图的大小
【发布时间】：2014-09-21 23:31:10
【问题描述】：

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

特别是我有这种情况：

我想要一个这样的页面：

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

提前致谢！

【问题讨论】：

标签： wordpress woocommerce thumbnails

【解决方案1】：

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

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

【讨论】：

我如何才能仅针对 CSS 中的缩略图调整产品容器的大小？我应该编辑哪个类？谢谢！
如果您可以使用 WooCommerce 提供指向网站的链接（最好是您的网站）我可以为您提供帮助，但您需要指出确切的情况 - 您想要更改的页面类型（直接链接到一些带有该缩略图的示例页面）。
谢谢，但是我在本地使用WampServer开发这个网站，所以我不能给你链接！但是我想在 WooCommerce 自动生成的所有显示产品页面（类别）中更改它。还有其他方法可以解决这个问题吗？再次感谢您。
通过更改负责其中之一的 CSS 您更改所有这些 - CSS 是通用的。发布在该产品页面之一上生成的 HTML 代码 + 它需要的所有 CSS。
不错！谢谢你。你认为我应该链接到另一个网站（比如 Pastebin）还是可以直接在 Stackoverflow 上发布？