Very annoyed with the way the editor is setup

[kNeo]

Originally Posted by excessive34

Firebug is wonderful, however its completely useless when it tells me exactly what tag I need to change.. but that tag doesnt exist anywhere within the vbulletin stylesheets.

vBulletin's stylevars don't actually change a whole lot of the ckeditor's styles; it mostly just overrides some generic stuff (like background colors).

You can still use firebug, you just have to put the css targeting whatever selector in additional.css and it will override whatever it is you're trying to override. I'm not sure why you're so hung up on finding the CSS within the vB templates -- additional.css is called last, thus will override previous css, and if it's not overriding it you can always use !important.

for instance this is part of my editor css (I was bad, I abused !important because I was lazy):

.cke_wrapper {background: #999 !important;padding:0!important;}
.cke_skin_kama {border: 1px solid #555!important;padding:0!important;}
.cke_off, .cke_disabled, .cke_button_enhancedsource {background: #181818!important;}
.cke_toolgroup {background: #333 !important;}

FWIW firebug can also show you which CSS is being called for editor as well, I think it's located under clientscript/ckeditor/skins/kama/editor.css. Try not to directly edit this file, overwise a vB update can/will destroy your customizations.