Save me from changing the look of CKEditor using Javascript I see that code is being rendered to produce this CKEditor (via the CKEditor module) contains an inline style that creates a height of 200 pixels. I'd like to change this value to 100px to save a bit of screen space. 



I would like to change this or override this is a maintainable way. In the hopes it was in a tpl.php I tried find . -name '*.php' -exec grep -lin 'presentation' {} \; with little luck. 

Can anyone point me to where can override this value? Or better put, how can I do better than this:

jQuery(function() {
        console.log('Resizing ckeditor')
        jQuery('#cke_1_contents').attr('style', 'height: 100px; max-height: 100px;');
  });
You can use a CSS override in your stylesheet to achieve this:

.cke_contents {
  max-height: 100px;
  height: 100px !important;
}


And, of course, if you only want to change one instance of the editor, just use an ID selector instead.