Can't change content area color

2 posts, 0 answers
  1. Sam Tran
    Sam Tran avatar
    85 posts
    Member since:
    Nov 2006

    Posted 01 Jul 2013 Link to this post


    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 ;

  2. Ianko
    Ianko avatar
    1864 posts

    Posted 04 Jul 2013 Link to this post

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

      - Adding CSS files:
    <telerik:RadEditor id="RadEditor1" runat="server" >
                <telerik:EditorCssFile Value="PathToCSSFile/Style1.css" />

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

    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Back to Top