造型调整以吸引商业商店页面

时间:2014-08-17 21:31:46

标签: wordpress woocommerce shop

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

1 个答案:

答案 0 :(得分:0)

产品的间距可以通过在类别上留出更大的余量来改变:

.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