Skip to content

Instantly share code, notes, and snippets.

@trovster
Created June 10, 2013 15:51
Show Gist options
  • Save trovster/5749851 to your computer and use it in GitHub Desktop.
Save trovster/5749851 to your computer and use it in GitHub Desktop.
Append your CSS to the Twitter Timeline widget to allow for more styling options. In your normal CSS file(s) you can then use .twitter-timeline .stream {}
$('.twitter-timeline').parent().on('DOMNodeInserted', function (event) {
$(event.target).closest('iframe').on('load', function (e) {
$(e.target).contents().find('head').append($('link[rel="stylesheet"]').clone());
});
});
@Mattjquery
Copy link

Hi Trovster, that looks well good ... I've added the code and alas not getting anywhere :-(

So I added the twitter CSS - hoping it would work, but no luck - here's my basic css code :

            .twitter-timeline .e-entry-title{
                font-family: Arial;
                color: red;
                font-size: 15px;
                line-height: 1.2;
            }

Do you have a working example - or can you help please

Thanx,

Matt

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment