Can't change content area color

[Sam]

Hi,

I've tried:
  

function RadEditorOnClientLoad(editor) {
    var style = editor.get_contentArea().style;
    style.color = '#000000 !important';
}

and in css, I tried:

.Glow.RadEditor .reContentCell {
    color: #000000 !important;
}
.reContentCell {
    color: #000000 !important;
}
div.reContentCell {
    color: #000000 !important;
}

note that when using the Glow theme, in my main CSS I have the below (else "normal" page text appears black on the Glow's default dark blue")

html, body, form, #wrapper
{
     color:#c1c7ca ;
}

[Ianko]

Hello Sam,

You can customize the styles of the content area in the RadEditor via its ContentAreaCssFile property or by adding modified CSS file. More useful information about customizing the content area can be found in this online demo. The example in this demo shows how to add content area CSS files.

For your convenience I have included code samples that demonstrate the suggested approaches:
  - Using ContentAreaCssFile property:

<telerik:RadEditor id="RadEditor1" runat="server" ContentAreaCssFile="~/PathToCSSFile/Style1.css" >
</telerik:RadEditor>

  - Adding CSS files:

<telerik:RadEditor id="RadEditor1" runat="server" >
      <CssFiles>
            <telerik:EditorCssFile Value="PathToCSSFile/Style1.css" />
      </CssFiles>
</telerik:RadEditor>

Do not hesitate to let me know if there are any further questions.

Regards,
Ianko
Telerik