HelpSpot Help Desk Software | HelpSpot Blog | HelpSpot Support

TinyMCE formatting within 3.2.11


I found the new TinyMCE a bit untidy - and definitely messy with the way that it spanned over 3 lines. Also the difference in button heights bugged me!

I found that a small tweak to the CSS helped make it a little more pleasing on the eye. CSS :

div[role=toolbar] {
float: left;
.mce-toolbar-grp {
overflow: auto;
.mce-btn button { /* corrects the big ‘Save’ button /
font-size: 12px !important;
line-height: 10px !important;
.mce-menubtn span { /
corrects the oversized format buttons */
font-size: 12px;
line-height: 16px !important;