I was to edit and set up a new blogentry for tomorrow (Wednesday) then I noticed the word “draft” in the list over all saved and published blogentries. It’s not to notisable, so I figured: “Why don’t I change it to another color like red.”

And I decided to make a new blogentry out of it too.

So I did just that. Easy. First I checked the HTML sourcecode (as I did in the 2 previous blogentries about wordpress: here and here. But forgot to write how I did it.)

Just rightclick to open the menu and click “view sourcecode” or something similar. Do a search for the word “draft”. You’ll find this piece of HTML code: <span class=’post-state’>Draft</span>. That’s it.

I don’t want explain how it is buildt or how it is working. I recommend you read Wikipedia on HTML and CSS. It’s better explained there.

The CSS code to put in would look something like:
span.post-state {color: red;}
And it to be placed at the top in the file:
“wp-admin.css” in the “wp-admin” folder.

A quick screenshot of the code below:

Insert that and you’ll see the differense in the 2 screenshots below:

First as the orginal below:

And modified:

Should be a no brainer for the geeks…

As seen in the last blogentry you can extend the height on the box that holds some of the info you put in. In this blogentry I will show you how to increase the height on the narrow heighted blog update services box found in admin.

Se screenshots below.

Below: First the “before” screenshot.

Below: The “after” screenshot.

Solution:
Just insert this css code in to the file:
“wp-admin.css” in the folder “wp-admin”.

Add this bit of code at the top:

textarea#ping_sites {height: 500px;}

Like this:

When posting new blogentries in Wordpress, it can be difficult sometimes if you have a long list with blogcategories to choose from. Belive me, it can be a pain in the ass to scroll that list. I have fixed that problem with a small box, by increasing the height to a 1000 pixles.

By opening the CSS file: “wp-admin.css” in the “wp-admin” folder, then do a search after this selector named “.ui-tabs-panel”. Change the “height: 150px;” to “height: 1000px;” and you have a longer box.

See below screenshots for examples.

Below: The “before” screenshot…

Below: The “after” screenshot…

The CSS code to change:

Below: The original CSS code…

Below: The modified CSS code…