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

Posted 2021-05-03

晚上好。我在woocommerce开设商店。这是一家LED照明商店，我建立了一个自定义插件来查找特定车辆的汽车灯泡。您可以签出here。选择车辆时，结果将显示适合该车辆的所有灯光的woocommerce小部件。但是，它像把它们放在三列中一样使它们拥挤。当我使用开发工具检查器检查实际的小部件时，我注意到它具有一类.products .columns-3，因此我无法弄清它的来源。而且，如果我在CSS中调用该类并尝试更改列数，那么它将不起作用。即使我使用！important标签。通过将所有结果分配到两列中，然后还原框的大小，我稍微好了一点，在台式机上看起来还不错，但是在移动设备上，这确实很糟糕。所以我想知道您是否可以看看它，并可能就解决方案向我提出建议？

答案

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

目前，最好的显示方法是将其添加到CSS中，这应将所有内容放到1列中并使其对移动设备友好。

    #abf_results {
    display: flex;
}