Modify height of tinymce format drop-down list

  • The default height of the tinymce format drop-down list (the one that starts with ‘Paragraph’) is 150 px. To go below ‘Heading 2’, we have to scroll down.

    I would really like to have the entire drop-down list displayed. A height of 255 px would do it. Here’s a link to an image which shows what I mean: i51.tinypic.com/2rqkpxe.png .

    Unfortunately, I have no idea what file to edit — or even where to look for the file. But I’m sure it’s a js file. Can anyone help me out here?

    Another mod I would like to do: remove Address and Preformatted from that list. I never use them. Does anyone here know how to do that?

    Thanks for any help!

    Cheers ??

Viewing 1 replies (of 1 total)
  • Thread Starter NiceToMeetYou

    (@nicetomeetyou)

    Answering my own question.

    I wanted all the formats in the dropdown to be visible without scrolling — and I also wanted to remove formats that would never be used (Address, Preformatted, Heading 6), and formats that would break document structure in my blog (Heading 1 and Heading 2).

    My solution is a CSS hack, not based on any understanding of how tinymce works.

    • I have the TinyMCE Advanced plugin installed.
    • I opened ‘wp-includes/js/tinymce/themes/advanced/skins/wp_theme/ui.css’ in a text editor.
    • On line 260 (below the Formats section), I inserted this line
      tr#mce_2, tr#mce_3, tr#mce_4, tr#mce_5, tr#mce_9 {display: none;}

    It’s not elegant, but it will do for now.

    Here is a image of the result: i51.tinypic.com/acre5j.png

Viewing 1 replies (of 1 total)
  • The topic ‘Modify height of tinymce format drop-down list’ is closed to new replies.

Tags