Add styling to the deafult Twitter Widget
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore
License.txt
README.md
style_twitter.js

README.md

Styling the Twitter Widget

Twitter Timeline Widget is a Twitter Widget written in JavaScript and provided by Twitter.com. You can use it freely in your website.

The widget adds an iframe to the page with a standard layout and styling. Adding Styling through a stylesheet has no effect on an iframe.

You can however add a stylesheet to an iframe, and that’s what this script does. All you have to do is change the location of the stylesheet in it. You can then add it to your page-layout. It does need jQuery available.

In case you are editing the stylesheet, but it doesn't refresh in the browser, you can open the stylesheet directly in the browser, and push F5 to have the cache of your browser refreshed.

The Timeline Widget with this script included is also available in a WordPress plugin.

Install steps:

  1. Go to Twitter.
  2. Create your own Embedded Timeline App.
  3. Add the provided 'a' element to your page layout. It contains your name and ID.
  4. Add this script to your page.
  5. Enjoy!