我正在尝试使用Wooccommerce实现一个全宽度的产品目录,产品图像之间几乎没有间隔。我设法去掉了产品图像之间的间距,但行不是全宽的,两边都有巨大的填充物。此外,我如何获得图片顶部的标题和价格?我一直在摆弄css,但运气不好。
最终结果应该是这样的:
acnestudios.com/de/de/man/new-arrivals/
我真的很感激你的帮助,
R
根据我读到的内容,只需创建或选择带有价格的类,然后添加我在下面写的内容。
.your-class {
position: absolute;
top: 0;
left: 0;
z-index: 10;
}
对于网格,我无法帮助你,因为你还没有发布任何内容。如果您使用bootstrap,只需使用容器流体而不是容器类。
对于WooCommerce中的完整网格,请添加以下CSS代码:
.woocommerce .content-area { width: 100% !important; margin: 0 !important;}
我已经检查了此代码是否适用于Storefront主题->https://themes.woocommerce.com/storefront/product-category/clothing/