Forum Discussion

Claudius's avatar
13 years ago

[Solution] Removing the whitespace above Rich Text Editor

Some recent Lithium update introduced a whitespace on top of the TinyMCE richt text editor, also here on Lithosphere:

TinyMCE_Gap.PNG

 Unfortunately the gap is of different height depending on the browser, being less on Firefox. I came up with this CSS hack to workaround it and remove the gap and thought it would be useful to share (Or like we say at Skype: "Sharing is good" :) ):

 

#lia-body .message-body-editor {
position: relative; top: -38px;
}

/* Exception for Firefox 3.0+ */
#lia-body .message-body-editor, x:-moz-any-link, x:default  { 
top: -10px !important; 
}

Tested on IE9, Opera 11.61, Firefox 11.0 and Chrome 18.0.1025 and on the Post, Reply and New Blog post pages.

Use on your own risk! And please share if you tested it successfully on other configurations.

No RepliesBe the first to reply