Skip to main content

Drupal TinyMCE buttons displaying on multiple lines

An article from ComputerMinds - Building with Drupal in the UK since 2005
1st May 2008

Mike Dixon

Senior Mind
Mike Dixon
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; }

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.