Questions about Ediotr.Default.css

[Hee]

Hello!
I have questions.

Q1. RadEditor is distorted when I set height to 300.  (Please refer to 'editor.jpg')
How can I fix it?

Q2. I want to use custom css. So I changed from Editor.Default.css to Editor.DefaultCustom.css
But when I applied it, icon disappeared. (Refer to 'editor_disappearicon.jpg')
What's wrong?
Here is part of my css.

.DefaultCustom.RadEditor
{
    background-color: #ececec;
}
/* reWrapper */
.DefaultCustom.reWrapper
{
    border: solid 1px #828282;
}
.DefaultCustom.RadEditor .reContentCell
{
    border: solid 1px #828282;
}
 /* common settings for .reModule, .reEditorModes and .reWrapper */
.DefaultCustom.reColorPicker,
.DefaultCustom.reInsertTable,
.DefaultCustom.reDropDownBody,
.DefaultCustom.reCustomLinks a:hover
{
    border: solid 1px #828282;
}

[Rumen]

Hello,

1) The problem could be due to some global CSS class that applies padding / margin to the UL, LI and SPAN, TABLE, TD elements and breaks the appearance of RadEditor. Please try the solution in this article:
Overriding Global CSS Styles Inherited by RadEditor.

If the problem still persists, try to set the ToolbarMode property to ShowOnFocus, Floating or PageTop. If this does not solve the issue, isolate it in a sample working project and send it for examination via a support ticket.

2) You can see how to create a custom skin for RadEditor in the following help article: Creating Custom Skin for RadEditor. The available classes are listed in this article: RadEditor's CSS Classes.

Best regards,
Rumen
the Telerik team

[Hee]

Thanks Rumen.
Hee