Comments on: WordPress customization

By: blalor

blalor — Sun, 31 Dec 2006 20:52:54 +0000

Nice work, boys. I’d just like to point out that JavaScript != Java. A little detail, but there you go.

By: GBMINI

GBMINI — Thu, 28 Dec 2006 01:26:06 +0000

That’s just MAGICAL Jason – I altered admin.css to read:
#categorychecklist { MARGIN-RIGHT: 6px; overflow:visible!important; }
and now the local file copy does just what I want – BRILLIANT!
Now to modify the web server file to get the same effect

By: snid

snid — Thu, 28 Dec 2006 00:03:49 +0000

ignore all that.

Most likely, adding the following to one of the css files will work:

div.categorychecklist{
overflow:visible!important;
}

will do the trick.

By: snid

snid — Thu, 28 Dec 2006 00:02:44 +0000

Ooops, I guess you’re talking about the editing page, not the one I see when looking at your site. So, I cannot tell you what’s going on….

Install firebug in firefox, restart firefox. Load up the page and open the firebug panel (click the green checkmark / red x in the lower right of the firefox window if firebug isn’t open).

Click inspect, then click on the “container” that has the scrollbar – there’s a handy blue outline to show you what you’re inspecting. If you miss, you can select a new thing in the firebug panel by clicking on the HTML source.

Once you have the right thing selected, click on the “style” tab in firebug. Then, in the “Options” drop down in firebug, check “show all styles”. Then scroll around looking for something that sets the height for that container. Then, change the height, or remove the height declaration altogether.

By: snid

snid — Wed, 27 Dec 2006 23:55:16 +0000

Ian,

I do this stuff for a living, so if you’re really stuck, let me know and I’ll fix it.

As for something that will tell you what CSS rule is doing what, if you want to get geeky, use Firefox and install an extension called “Firebug”. http://www.getfirebug.com/

It has an inspector where you can click on something on the page and see some details about it. There’s a CSS view, and it will show you what rules are being applied to the element, and what CSS / HTML file they are coming from. But, it gets pretty geeky.

Hang on, I’ll fire up firefox and tell you…

By: db

db — Wed, 27 Dec 2006 15:33:20 +0000

Or you could try TopStyle. Problem is that it’s spendy and doesn’t really do what you are looking for, although it is a fantastic code editor. Whatever you do, stay away from TopStyle Lite. It’s UI does some of the weirdest stuff I have ever seen.

I need a mac so I can use Safari. I think I like your excuse better

By: GBMINI

GBMINI — Wed, 27 Dec 2006 13:57:43 +0000

Thanks guys ... Maybe I need to buy a Mac and use Xyle!

By: db

db — Wed, 27 Dec 2006 07:26:16 +0000

Oh yea, I’m told that the latest dreamweaver helps with css. The last time I used it tho I had to spend over 10 hours fixing all the ugly code it created. Ick.

By: db

db — Wed, 27 Dec 2006 07:23:15 +0000

I think this is in the js for the admin page. I tried changing every div in wp-admin.css and nothing worked.

the post page calls the following…

/wp-includes/js/fat.js
/wp-includes/js/tw-sack.js
/wp-includes/js/dbx.js

I think dbx.js is going to be your best bet. I looked in there buy my editor couldn’t make heads or tails of it. Perhaps you’ll have better luck.

By: Rich Hall

Rich Hall — Wed, 27 Dec 2006 01:45:27 +0000

Ian,

You can always send me the css and I could take a look. CSS is very easy… in fact, once you know it you will really appreciate it.

Send it my way if you like.