Skip to main content

Tinymce width problems - CSS snippet

An article from ComputerMinds - Building with Drupal in the UK since 2005
8th Nov 2007

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?

We have had a few sites recently on which TinyMCE was playing up on narrow themes. The buttons where not breaking onto new lines, causing the TinyMCE textarea to be much too wide.

We solved the problem with the following snippet of CSS


.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.