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

时间:2018-05-28 10:29:25

标签: css wordpress margin inspect

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

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

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

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

提前致谢!

1 个答案:

答案 0 :(得分:0)

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

enter image description here

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

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

enter image description here

它将为您提供类似的东西

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

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

希望这会有所帮助