woocommerce 产品小部件显示我无法设置样式的神秘 class

Question

Edit added this image to show what i'd like it like: Good evening. I'm working at setting up a shop in woocommerce. It's an LED Lighting Store, and I built a custom plugin for finding automotive bulbs for specific vehicles. You can check it out here。当您 select 一辆车时，结果会显示适合该车的所有灯的 woocommerce 小部件。然而，它像将它们分成三列一样将它们压缩起来。当我使用开发工具检查器检查实际的小部件时，我注意到它有一个 class 的 .products .columns-3 并且我不知道它来自哪里。如果我在 CSS 中调用 class 并尝试更改列数，则它不起作用。即使我使用 !important 标签。通过将所有结果命令为两列并恢复框大小，我稍微好一点，它在桌面上看起来还不错，但在移动设备上，它真的很糟糕。所以我想知道您是否可以看一下它并可能就解决方案向我提出建议？

Answer 1

我看到的最大问题是，无论生成这些结果是什么，它都没有将结果分成几个部分。它实际上只是 p 的列表。见下文：

就像现在一样，展示它的最佳方式是将其添加到您的 CSS，这应该将所有内容放入 1 列并使其适合移动设备。

    #abf_results {
    display: flex;
}