Thesis makes customizing your Twitter feed incredibly easy. Thanks to the Custom.css file, you can make a few simple tweaks to your Twitter widget and your Tweets can look freakin’ sweet.

Installing The Widget

From the Dashboard, go to Plugins→Add New. Search for “Twitter For WordPress.” The top result should be what you want. Click “Install” in the upper right hand corner of the widget. Then, click “Install Now” in the new window that opens. From the next screen, click “Activate Plugin.”

Now that the plugin is activated, go to Appearance→Widgets. In the Widgets area, drag “Twitter #1″ to the sidebar of your choosing. Also, notice at the bottom of the Widgets page that you can add more Twitter Widgets, if you are that crazy for sharing updates.

Now Comes The Tweaking

In my example, I put the following in my Custom.css:

.custom .twitter-item { margin-bottom: 0em; padding: .5em 0 .5em 0; border-bottom: 1px solid #000; }
	.custom .twitter-item:hover { background: #ccc; }
	.custom .twitter-item a { color: #ffff00; }
	.custom .twitter-item a:hover { color: #ff00ff; }

Don’t Forget To Pick Up Your Copy Of Thesis!

Also, help keep Thesis Tutor alive by donating!

Here is the CSS:

.custom #sidebar_1 { border: 1px #000 solid; }
.custom .sidebar { background: #a9e0ee; }
	.custom .sidebar ul.sidebar_list { padding-left: 2em; padding-right: 4em; }
.custom li.widget { background: #83abdb; padding: .5em 0em .5em 1.5em; border: 1px #000 solid; }

Don’t forget to Upgrade to the Thesis Developer’s Option!