对woocommerce商店页面的样式调整

【问题标题】：styling adjustments to woo commerce shop page对woocommerce商店页面的样式调整
【发布时间】：2014-08-18 05:53:32
【问题描述】：

谁能提供有关如何在商店页面上对我的产品进行样式调整的建议？我发现它们靠得太近了，我想把它们分开一点。此外，不同长度的产品标题会产生一些混乱的外观，其中“添加到购物车”按钮的位置不一致。显然，这是由不同长度的产品标题和评级元素引起的。我只需要知道要查看哪些函数来设置这些元素的样式。该网站本身只是一个测试。加载需要一段时间，可能是因为托管平台上的服务器很慢。 http://www.cjbergin.com/wordpress

【问题讨论】：

标签： wordpress woocommerce shop

【解决方案1】：

可以通过在类上设置更大的边距来改变产品的间距：

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product

可以通过添加height: 20px; 来修复不同高度的产品标题（根据需要更改该值）。到以下课程：

.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3

【讨论】：

谢谢豪林。您的建议帮助我格式化产品图片之间的边距。至于标题的问题，我决定让它们大小一致并包含在一行中。我在想也许我会修改 html 的结构，这需要找到正确的文件，但这会带来更多麻烦。这对我有用。