Css Woocommerce产品目录全宽和标题+图片价格（叠加）

我正在尝试使用Woocommerce实现产品图片之间几乎没有间隔的全幅产品目录。 我设法消除了产品图像之间的间距，但行不是全宽的，因此两侧都有巨大的填充。 此外，我如何在图片上方获得标题和价格？ 我一直在搞乱css，但没有找到运气

最终结果应如下所示：

acnestudios.com/de/de/man/new-arrivals/

我非常感谢你的帮助

---

R

根据我读到的内容，只需创建或选择带有价格的类，然后添加我在下面写的内容

.your-class {
position: absolute;
top: 0;
left: 0;
z-index: 10;
}

对于网格，我帮不了你，因为你没有发布任何东西。 如果您使用的是引导，只需使用容器流体而不是容器类

对于WooCommerce中的完整网格，请添加以下CSS代码：

.woocommerce .content-area { width: 100% !important; margin: 0 !important;}

---

我已经检查了这段代码是否适用于店面主题->

我确实在使用引导，我还没有弄清楚如何实现容器流体代码。也可以通过自定义css完成吗？我已经修改了我的答案，如果这个解决方案有效，请接受。同样对于容器流体，您只需要将其添加到负责产品的php文件中。但如果是默认网格，请使用上面的代码。