自定义 CSS 以删除 Wordpress 页面上的特定边距

Posted 2023-03-06

【中文标题】自定义 CSS 以删除 Wordpress 页面上的特定边距

【英文标题】：Custom CSS to remove specific margins on Wordpress page

【发布时间】：2018-11-06 22:12:59

【问题描述】：

最近我为我的团队创建了一个新的Wordpress 工作人员页面。我正在使用可视化作曲家插件将它们放在一起。不幸的是，Wordpress 主题在两侧之间添加了一个边距，我无法使用可视化作曲家将其删除。 (see here)

在 Safari 中使用检查元素后，我找到了创建边距的行 (see here)。删除它看起来的行后（like this）。

我的主要问题是：删除此边距的最佳方法是什么？我担心跳入源代码会弄乱网站，因为页边距是一部分并且连接到这么多类，甚至可能在其他页面上？

附加问题：在检查器工具中删除边距后，它会在右侧创建空白区域。我试图找到特定的页面宽度或类似的东西，但没有成功。

提前致谢！

【问题讨论】：

能否提供此页面的链接？

也许把这个页面上线会对我们有更多帮助。

很抱歉该页面仍处于概念模式。我发布了给大家看看！ cameradenmedia.nl/gif-test-2

【参考方案1】：

考虑这种方法， 可视化编辑器插件可让您在创建的每个页面上放置自定义 css，所以

现在呢？您需要针对要修改的真正特定的选择器，您可以使用 Chrome 开发工具检查器为您正在检查的项目复制最特定的选择器，如下所示：

检查元素，用鼠标找到元素并右键单击它，选择复制和复制选择器

它会让你得到这样的东西

#comment-88140204 > div.comment-text.js-comment-text-and-form > div > span.comcopy

你去吧，你现在可以覆盖这个特定元素的任何样式，而不用担心在其他地方弄得一团糟

希望对你有帮助