It was just Monday that Digg v3 launched with a new breath of life. However, some people were not too fond of how Digg changed the layout. The most talked about change was the placement of the sidebar on the left-side.

There are several sites (like this, this, and this) that have come up with new CSS code that will overwrite the code that Digg already has in place. So how do you use this CSS code to redesign Digg?

It is actually amazingly simple for Firefox users (I haven’t tried this on other browsers). To make it as simple as possible you could just download the Stylish extension. You just need to copy the CSS code into the extension. You can then enable and disable different CSS styles as you please.

While Stylish makes it really easy I always try to minimize how many extensions I use to prevent memory leaks. So here is how you do it without using an extension:

Browse to your Firefox Profile. In Windows XP/2000 it should be located at C:\Documents and Settings\[User Name]\Application Data\Mozilla\Firefox\Profiles\XXXXXX.default\. Here is some help on locating your Firefox Profile.

Open the chrome folder.

If you do not have a file called “userContent.css” then copy the file “userContent-example.css” and rename it to userContent.css.

Open up the userContent.css file in a text editor like WordPad.

Add your CSS code to the end of the file. You will find the code that I used below.

So now that you have Digg customized you start to think about how many other sites this technique might work for, right? This technique will work for many sites and userstyles.org already has hundreds of CSS styles that people have developed. These styles will take you to a whole new level of customization!