Drupal TinyMCE buttons displaying on multiple lines

Posted on 1st May 2008
Takes about 1 min to read
Hey, you seem to look at this article a lot! Why not Bookmark this article so you can find it easily in the future?

A quick post about the Drupal tinymce module and it's tendancy to display all it's buttons in one inflexible line. The following CSS will split the tinymce buttons onto several lines.


.mceToolbarTop * {
  float:left;
}

.mceToolbarTop select { width:auto!important; }

.mceToolbarTop option { float:none; }

Published in:

Hi, thanks for reading

ComputerMinds are the UK’s Drupal specialists with offices in Bristol and Coventry. We offer a range of Drupal services including Consultancy, Development, Training and Support. Whatever your Drupal problem, we can help.