sallonoroff /about /blog /blog/archive /blog/stats /search

Now with added twitter feed.

As you should have already spotted, the blog now features my latest twitter updates (“tweets”) in the sidebar. It wasn’t difficult to get the feed in place (i just installed the Twitter Widget) but i’ve had a bit of a headache getting it looking right. The CSS of the Simplex theme that i currently use for the blog was doing some nasty stuff with tweets that contained URLs, be they actual links or just usernames in the twitter @username convention. In hacking the theme’s CSS (/simplex/style.css) to try and overcome this things ended up looking mighty squashed up. I thought i’d resolve it with some padding or margins but i ran into problems with my new CSS being ignored by the browser in favour of existing code. Fortunately a very kind soul told me about “! important” which forces use of the CSS line you want to use and all was sorted. Sure it’s probably not the best solution but this thing already employs a few cheap hacks anyway.

For those of you that are interested, here’s the code (based on some i found here btw) that i tagged onto the end of the style.css file to sort things out…

#twitter_div {
  padding-top: 10px;
}

#twitter_div span {
  color: #000000;
}

#twitter_div ul li {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #EEEEEE;
  padding: 10px 0 10px 5px ! important;
}

#twitter_div ul li a {
  text-decoration: none;
  background: none;
  padding: 0;
  display: inline;
}

#twitter_div ul li a:hover {
  text-decoration: none;
  background: none;
  background-color:#E8C8C8;
  padding: 0;
  display: inline;
}