How to change font type in twitter.com widget?

twitter fonts widget styling
Aouni picture Aouni · May 23, 2013 · Viewed 21.1k times · Source

I have some basic knowledge in coding, most of which I learned through reading.

I'm using wordpress for my website. Now I like the official twitter widget but the only downside for it is the limited options of styling.

I've checked the available styling options, but couldn't find any which allows me to change the font size.

So I thought I'd try to import the javascript file ( here: http://platform.twitter.com/widgets.js ) and see if I can change anything in it. So I searched for "font" and edited the default font in the file then uploaded it to my website, but it didn't affect how the font appears.

Is there a simple way to enforce changing the predefined css of the widget?

Answer

Dominic Tancredi picture Dominic Tancredi · Jul 8, 2013

The only solution I found with Twitter's Enhanced Timeline is to use javascript to modify the css after the iframe has loaded.

Needed to use window.setTimeout for it.

window.setTimeout(function(){
    $(".twitter-timeline").contents().find(".e-entry-title").css("font-family","sans-serif");
    $(".twitter-timeline").contents().find(".tweet").css("font-family","sans-serif");
  }, 1000);

I'm not saying I'm "proud" of using setTimeout, but when my wife wants a styled Twitter's widget for her site, she GETS a styled Twitter widget.

Related questions

Find objects between two dates MongoDB

I've been playing around storing tweets inside mongodb, each object looks like this: { "_id" : ObjectId("4c02c58de500fe1be1000005"), "contributors" : null, "text" : "Hello world", "user" : { "following" : null, "followers_count" : 5, "utc_offset" : null, "location" : "", "profile_text_color" : "000000", "friends_count" : 11, "profile_…

Read More
Simplest PHP example for retrieving user_timeline with Twitter API version 1.1

Because of the Twitter API 1.0 retirement as of June 11th 2013, the script below does not work anymore. // Create curl resource $ch = curl_init(); // Set url curl_setopt($ch, CURLOPT_URL, "http://twitter.com/statuses/user_timeline/myscreenname.json?count=10"); // Return …

Read More
Sharing a URL with a query string on Twitter

I'm trying to put a Twitter share link in an email. Because this is in an email I can't rely on JavaScript, and have to use the "Build Your Own" Tweet button. For example, sharing a link to Google: <…

Read More