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

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 CSS,

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.