如何从 woocommerce 快捷方式代码中删除 clearfix

Posted 2023-03-04

【中文标题】如何从 woocommerce 快捷方式代码中删除 clearfix

【英文标题】：How do I remove clearfix from woocommerce shortcutcode

【发布时间】：2021-02-28 10:05:53

【问题描述】：

我正在使用 wordpress，我刚刚粘贴了 woocommerce 产品快捷方式代码。 所以，我想知道如何从 woocommerce 快捷方式代码或 html 中删除 clearfix div，有什么想法吗？ 如您所见（抱歉，由于某些原因将其隐藏） 在第一个 div 之后是 clearfix，它会删除其他 2 个 div。

【问题讨论】：

您在 crearfix div 中有产品或有用的东西吗？

不，产品在名为“col-md-3”的 div 中。我刚刚粘贴了快捷方式代码，那个 div 会自动出现。

【参考方案1】：

您可以尝试通过在 WP css 中将 display:none 添加到该 div 来解决它，但您应该使用一些真正特定的选择器来仅影响该单个 div。 你可以试试这样的

.woocommerce.columns-3>.clearfix.clear>clearfix 
    display:none; 

【讨论】：

非常感谢，确实成功了！赞赏！再会！ :)