我正在使用Wordpress网站,而且我对这个框架很陌生。我的网页上有一些CSS会导致每一行内容"它之间有35px的差距。这似乎是在js_composer.css文件中名为wpb_row的css类中。我不确定这是否是Wordpress的一些标准CSS类,或者如果全局"在每一层内容之间有余量"设置。
不幸的是,我没有10个代表,因此我无法发布导致问题的页面图片,但我可以链接到问题所在的图片{{3}并且该网站的网址为http://i.imgur.com/vEyznRn.png?1
从标准角度来看,在Wordpress中覆盖CSS类的最佳方法是什么?我尝试添加自定义css来覆盖此设置并删除Appearence-> Editor->样式表中的margin-bottom: 35px;
。
是否可以在一个全局区域中覆盖此CSS?我在wordpress中使用了一个名为Picasso的主题,如果有任何帮助,但我不知道如何覆盖这个CSS。
答案 0 :(得分:1)
要覆盖css,请使用!important
。因此,在样式表中添加以下内容应该删除边距底部:
.vc_row.wpb_row.vc_row-fluid {
margin-bottom: 0 !important;
}
答案 1 :(得分:1)
是否可以在一个全局区域中覆盖此CSS?我在wordpress中使用了一个名为>> Picasso的主题,如果有任何帮助,但我不知道如何覆盖这个CSS。
我会小心编辑/修改,因为我怀疑你会在主题更新(Picasso自动更新)上丢失这些更改/修改。
主题有一个指定位置,位于主题选项>工具>自定义CSS。您在此处添加的调整将加载到每个页面上,就像编辑器中的样式表一样。此外,更新后不会清除这些更改。
只是我的两分钱,希望它有所帮助。
答案 2 :(得分:0)
您可以轻松实现这一目标。这不是WordPress标准或其他东西。
您可以在js_composer.css加载后覆盖此css规则添加新角色。类似的东西:
<style>
.wpb_row { margin-bottom: 0px!important }
</style>