WP 2.3+ Tiger Style Admin Fix

13 Comments February 19, 2008 992 Views

« Weekend Roundup #20 CNN Producer Fired Because of Personal Blog »

The Tiger Style Admin was the first admin theme plugin that I came across and used in my WP dashboard. It’s also the first admin theme I featured in my Pimp My Dashboard series.

When WordPress 2.3 was released, there were many plugins that were affected like the Extended Live Archives and Ultimate Tag Warrior. The Tiger Style Admin was also affected but unlike other compatibility issues that some plugins had, it only has a couple issues with the formatting. If you have tried using Tiger Style Admin on WP 2.3+ I think you know what I’m talking about.

For the sake of those who don’t, what happened is that the WP dashboard footer which contains the WordPress version, Documentation and Feedback isn’t aligned properly and floats above it’s proper place.

Before:

After:

The other issue is the “View site »” link in the upper right corner of the dashboard which can be barely seen because of the small font size. I was able to fix these issues by editing some code in the Tiger Style Admin’s stylesheet.

Before:

After:

In order to fix these issues, here’s what you need to do:

• Open the wp-admin-tiger/wp-admin-tiger_files/tiger.css file with a text editor.
• Look for line 262 or the #footer section.

It would look like this:

#footer { position:fixed; bottom:0; left:0; background: #EFEFEF url (ol_admin_images/wordpress-logo.gif) no-repeat 0 50%; border-top:1px solid CCC; height:22px; padding:0; width:100%; text-align:right; line-height:21px; z-index:99; font-size:10px; color:#666; }

Add the value highlighted in bold:

#footer { position:fixed; bottom:0; left:0; background: #EFEFEF url (ol_admin_images/wordpress-logo.gif) no-repeat 0 50%; border-top:1px solid CCC; height:22px; padding:0; margin:0; width:100%; text-align:right; line-height:21px; z-index:99; font-size:10px; color:#666; }

• Look for line 305 or the #wphead h1 span a section.

Original code (edit value highlighted in bold):

#wphead h1 span a { position:fixed; top:0px; line-height: 23px; padding:0; margin:0; right: 10px; color: #CCC !important; display: block; font-size:86%; font-weight:normal; text-shadow: none; background: url (ol_admin_images/world_go.png) no-repeat 0 50%; padding:0 0 0 20px; z-index:101; }

Change value to 225%:

#wphead h1 span a { position:fixed; top:0px; line-height: 23px; padding:0; margin:0; right: 10px; color: #CCC !important; display: block; font-size:225%; font-weight:normal; text-shadow: none; background: url (ol_admin_images/world_go.png) no-repeat 0 50%; padding:0 0 0 20px; z-index:101; }

• Save the file and upload back to the plugin folder. (If necessary, overwrite the existing file)
• Refresh or hit F5.

That should do it. After you refresh the page, you’d be able to see the View site link in the right font size and footer should be in it’s proper place.

NOTES: The code I presented above is not in the exact format and have been edited for presentation purposes. So don’t copy and paste it into the original file. You’ll have to type in the values yourself. Another thing to take note, unfortunately for Internet Explorer users the Tiger Style Admin still doesn’t work with Internet Explorer. The Tiger Style Admin theme works in the latest versions of FireFox, Flock and Opera. However, if you’re using Opera, you don’t have to edit the font size value of the View site link.

Anyone else experienced this issues when using Tiger Style Admin in WP 2.3+? Please let me know if you tried this fix and if it fixed the issues or not. Thank you!