I know this has been a topic in the past, but I am still having issues with this even in the latest release of DNN. I have the 5.6.3 version installed and I am using the Telerik editor in all my portal. In all cases the editor will pickup the background image of the page it is on. This is problematic for pages with an image for a background.

I found on this page: http://www.pixelnv.co.za/Blog/tabid/537/EntryId/2/Fix-for-Telerik-RadEditor-background-issue.aspx

That one solution is to modify the core CSS files in the Providers/HtmlEditorProviders/Telerik folder as per the the suggestion made by Nina in the above article. However when I add a css class like this:

body
{background:#FFF;}

the sites background changes to white also... how to I get the background to stay white on the editor and not touch the site skin?

Any help would be greatly appreciated.

I've found that what works is adding a file called "editor.css" to your skin's root folder. In it, put this:

body, html {
background-image: none;
background-color: white;
}

I know this works in v. 6, and I'm pretty sure it does in 5.6.3.

Hope this helps,

Mike

Open the following file from your installed DNN folder
~/Providers/HtmlEditorProviders/Telerik/Config/EditorOverride.css

You then need to look at the EditorOverride.css or CustomOverride.css file – and add the following code to the CSS file.

body{
color: #000000;
background-color: #ffffff;
padding:3px;
margin: 0px;
text-align: left;
}

You then need to save this file.
You are done. Refresh the cache