如何使用自定义 css 编辑这个 wordpress 主题页面答案

【问题标题】：How to edit this wordpress theme page using custom css如何使用自定义 css 编辑这个 wordpress 主题页面
【发布时间】：2018-11-09 12:29:30
【问题描述】：

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

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

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

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

提前致谢！

【问题讨论】：

【解决方案1】：

您必须覆盖整个列网格。尝试将此 CSS 代码粘贴到模板的“自定义 CSS”字段或使用“自定义 CSS”之类的插件

.vc_col-xs-12, .vc_col-sm-6 {margin-left:0px!important;}
@media (min-width: 768px) {
    body .vc_row-fluid .vc_col-sm-6 {width: 50%!important;}
}

如果您了解 CSS，则应将 ID 添加到首页容器，并将上述 CSS 仅应用于首页。否则它将在整个网站上生效。它将删除 1/2 列之间的边距。

其他方式：尝试通过使用全宽表格而不是响应列来进行相同的元素排列 - 它会影响网站在移动设备上的外观 - 但你喜欢它现在在移动设备上的外观吗？ ;)

【讨论】：

【解决方案2】：

添加到子主题的任何代码都不会与原始“父”主题的代码混淆。您可以在其中添加自己的样式表并覆盖您喜欢的任何样式，它们将在任何更新后继续使用。

【讨论】：