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

Question

最近我为我的团队制作了一个新的Wordpress工作人员页面。我正在使用visual composer插件将它们整合在一起。不幸的是，Wordpress主题增加了双方之间的差距，我无法使用视觉作曲家删除。 （see here）

在Safari中使用inspect元素后，我找到了创建边距的行（see here）。删除它后面的行（like this）。

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

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

提前致谢！

Answer 1

考虑这个方法， 视觉编辑器插件可让您在创建的每个页面上放置自定义CSS，因此

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

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

它将为您提供类似的东西

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

现在，您可以为该特定元素覆盖任何样式，而不必担心在其他地方弄乱

希望这会有所帮助