Twitter推送组件的CSS覆盖

我已经阅读了有关Twitter组件的CSS覆盖的其他几个线程。我试过添加Twitter推送组件的CSS覆盖

!important

但它没有影响。我想要做的就是隐藏小部件的中间部分。当我使用萤火虫时，div消失了。目前我正在使用，

#twitter-widget-0 .timeline .stream { 
display: none !important; 
}

请有人可以帮我一些JavaScript或jQuery。任何帮助将是惊人的！

来源

2013-06-20 Stuart Nelson

你是如何使用的小工具？这是从另一台服务器加载js的第三方小部件？如果是这样，你也不能编辑他们的'CSS' – Novocaine

，有时这些小部件会加载到一个iFrame中。如果是这种情况，你不可能覆盖CSS。 – mohkhan

可能重复[如何覆盖iframe中的样式？]（http://stackoverflow.com/questions/6526187/how-to-override-styles-in-iframe） – Pete

新的Twitter小部件的工作原理是在文档中插入。因此，由于Same Origin Policy，您无法使用CSS修改母文档中的样式。

您可以对其进行的唯一更改是Twitter通过data-*属性公开的设置。例如

data-chrome="noheader nofooter" data-link-color="#cc0000"

没有隐藏正文的选项，只能隐藏页眉或页脚。

Documentation

老Twitter的小部件的工作方式不同，它直接插入的元素到当前文档而不是一个iframe，所以旧允许你覆盖的风格。

如果Twitter小部件对于您想要的功能不够灵活，那么您可以始终使用Twitter API来获取推文并基本上生成您自己的小部件。缺点是你将不得不管理API调用来获取推文和实现缓存等。

来源

2013-06-20 09:29:37 MrCode

这解决了我的问题，因为我可以删除数据我不想让Twitter设置在第一位，然后我可以操纵其余的我的结局。感谢链接到文档。 –

你可以尝试使用javascript来操纵它。

这样您就可以将css样式放入您的iframe中。

来源

2013-06-20 09:36:42 JREN

嗨，大家好。对不起，我没有早点回复。谢谢你所有的回应！ @JREN 我在哪里可以把这个脚本放在页面上？ http://www.thescribblingape.com/contact –

在您的框架之后，您的框架首先加载，然后将其注入到框架中。 – JREN

这是可能的，我使用jQuery：

(function ($) { 

    window.setTimeout(function(){ 
    $(".twitter-timeline").contents().find(".e-entry-title").attr("style", "font-family: 'Gill Sans W02 Book' !important; font-size: 14px;"); 
    }, 1000); 

})(jQuery);

来源

2013-11-18 13:58:06

Twitter推送组件的CSS覆盖

回答

相关问题