Wordpress造型额外的保证金

时间:2014-09-16 19:07:33

标签: css wordpress

我正在使用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。

3 个答案:

答案 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标准或其他东西。

  1. 您可以编辑js_composer.css并更改所需内容。 OR
  2. 您可以在js_composer.css加载后覆盖此css规则添加新角色。类似的东西:

    <style>
    
    .wpb_row { margin-bottom: 0px!important }
    
    </style>