2016-10-18 100 views
0

嗨,伙计们我试图覆盖我们的WP插件的样式,并在我们自己的样式表中设置样式有没有办法做到这一点?我尝试在与插件名称相同的样式表中为它们创建类,之后我也尝试使用!improtant ...这是它在dev控制台中的样子。 enter image description here覆盖css for wordpress插件?

这是我用来尝试覆盖插件的CSS的代码。

#ai20 h3{ font-weight:bold!important; } 

此外,我还添加了这个只是为了确保,而什么都没有。

.statistics h3 { font-weight:bold!important; } 

我不知道为什么它不更新的CSS,如果任何人都可以给我一个我会非常感激。

回答

1

使用插件https://nl.wordpress.org/plugins/simple-custom-css/ 它会自动覆盖你当前的CSS并添加新的,我总是使用它!你所要做的就是调用你想要在插件中设置风格的id或class,并按照平时的样式进行设置。

+0

插件工作的魅力队友的感谢! –

+0

很高兴帮助@JamesClapson –

2

你写的新规则还没有被应用,你可以在您发布的截图中看到,所以请您添加它到CSS文件,并确保:

  1. 该CSS文件正确
  2. 链接
  3. 样式不嵌套在其他一些规则
  4. CSS文件不被缓存(硬刷新)

您可以使用自定义CSS插件,子主题或简单的添加你重写规则到底的您在Wordpress编辑器中的主要CSS文件。

此外,ID将优先于该类,即使该类在它之后。你为什么试图用相同的属性/值重写?

一旦规则被正确应用,这将很好地工作:

.statistics h3 { font-weight:bold } 
+0

感谢队友,我对编码很陌生,所以有些事情我仍然在那里,我用了一个自定义的css插件,现在它工作的很好!干杯。认为我们的css存在问题,因为我们的更新没有任何工作正在进行...... flm谢谢你! –

+0

当然。如果您检查输出的页面,并且您的CSS文件不存在,请检查源代码以查看原因,如果它存在但您的规则不存在,请检查它是否已保存并且未被缓存。 –