Wordpress 样式额外边距答案

【问题标题】：Wordpress styling extra marginWordpress 样式额外边距
【发布时间】：2017-03-02 22:32:06
【问题描述】：

我正在开发一个 Wordpress 网站，而且我对这个框架还很陌生。我的页面上有一些 CSS 导致每个“内容行”之间有 35px 的边距。这似乎在 js_composer.css 文件中名为 wpb_row 的 css 类中。我不确定这是否是 Wordpress 的一些标准 CSS 类，或者是否存在全局“每层内容之间有边距”设置。

不幸的是，我没有 10 个代表，因此我无法发布导致问题的页面的图像，但我可以链接到问题所在位置的图像 http://i.imgur.com/vEyznRn.png?1 并且该网站的网址是 @987654322 @

从标准的角度来看，在 Wordpress 中覆盖 CSS 类的最佳方法是什么？我尝试添加自定义 css 来覆盖它并删除 Appearence->Editor->Stylesheet 中的 margin-bottom: 35px;。

是否可以在一个全局区域中覆盖此 CSS？如果有帮助的话，我在 wordpress 中使用了一个名为 Picasso 的主题，但我不知道如何覆盖这个 CSS。

【问题讨论】：

站点在 FireFox 中非常非常慢，但在 Chrome 中更快。 Firefox 中没有指标。它真的很慢。 .wpb_row {margin:0} 添加在所有其他 css 之后。那不是“内容层”，而是一个部分。每个部分之间有一个边距是一种样式选择，它不是默认值。

标签： css wordpress

【解决方案1】：

要覆盖 css，请使用 !important。因此，将以下内容添加到您的样式表应该会删除边距底部：

.vc_row.wpb_row.vc_row-fluid {
margin-bottom: 0 !important;
}

【讨论】：

这是完美的，谢谢。你会说修改样式表 CSS 是标准的吗？是否有一个特定的地方应该将 CSS 编辑为标准？（除了外观->编辑器->样式表）
我会把它放在样式表的底部。是的，人们总是会修改 CSS。由于 css 可能对我来说是完美的，它可能不适合你。真的没有一个标准的地方来编辑 css，但我总是在 stylesheet.css 中这样做

【解决方案2】：

是否可以在一个全局区域中覆盖此 CSS？如果有帮助的话，我在 wordpress 中使用了一个名为 >>Picasso 的主题，但我不知道如何覆盖这个 CSS。

我会在那里小心编辑/修改，因为我怀疑您会丢失主题更新（毕加索自动更新）的这些更改/修改。

主题有一个指定位置，位于主题选项 > 工具 > 自定义 CSS。您在此处添加的调整会加载到每个页面上，就像编辑器中的样式表一样。此外，这些更改不会在更新时清除。

就我的两分钱，希望对你有帮助。

【讨论】：

【解决方案3】：

您可以轻松实现这一目标。这不是 WordPress 标准之类的。

您可以编辑 js_composer.css 并更改您想要的内容。或
您可以在加载 js_composer.css 后覆盖此 css 规则添加新角色。比如：
```
<style>

.wpb_row { margin-bottom: 0px!important }

</style>
```

【讨论】：