覆盖InstaEmail插件弹出窗口的CSS

时间:2013-05-22 作者:levat

我在wordpress上使用instaemail插件通过电子邮件发送帖子,我试图自定义弹出窗口,但似乎我无法覆盖Id,或者我不知道怎么做。如果您单击电子邮件,您可以在上面的链接上找到相同的弹出窗口(试试看)

我成功地改变了包装的颜色和类别。css

div#pf-email-wrapper {
    background-color: rgba(09, 85, 3, 0.50);
}
但如何更改(覆盖URL)

.email-sprite{
  background: url(\'/images/email/email-app-sprite.png\') no-repeat;
}
或更改的颜色

.pf-email label {
  color:#356da9; }
所以CSS很流行。css会覆盖Instamail脚本的默认css。优先级没有问题,只是以样式调用类。css可能

P、 是否有任何插件可以用于“发送给朋友”按钮以及自定义弹出窗口和自定义电子邮件模板

1 个回复
最合适的回答,由SO网友:Sunyatasattva 整理而成

这是一个与CSS相关的问题,而不是与Wordpress相关的问题。在您的情况下,所有适用于常规CSS覆盖的规则都可用于解决您的问题:

  • Cascade: 在插件编写的规则之后应用具有相同特性的规则(相同数量和类型的选择器)。实现这一点的方法取决于插件使用哪个钩子将其样式排队;您可以查看源代码并进行检查,然后使用钩子的priority参数来实现适当的级联
  • Specificity: 只需比要覆盖的规则更具体即可。Read more about specificity.
  • Use !important: 添加!important 在你想要显示的规则之后,你将赢得所有战争……永远。因此,当您有其他选择时,不建议这样做
  • Use inline styles: 强烈建议不要这样做,因为这通常是一种不好的做法。我把它放在那里只是为了完整,因此我不会详细说明

结束

相关推荐

多站点域映射打破了CSS

我已经建立了一个多站点(子目录),我的所有插件/CSS都工作得很好。然后我添加了域映射并设法指向一个域example.com 到站点ID 4。一切正常。然而,当我example.com 对于站点ID 4“primary”,CSS似乎中断了。我的插件(如响应滑块)不再工作,我的CSS也不再工作。在我取消检查“primary”的那一刻,一切似乎都很好。你知道会发生什么吗?