Can you include in this thread what your style aliases look like? 

Thanks,
Nik

If i understand correctly, your styles looks like they should in the editor, put is not working on the website?

If thats the issue, you need to add all the styles you have created , shown in your editor dropdownlist, to the runway stylesheet.

The runway.css is not in use in this site.

Background:

The website interface features a darkgray body background, when attached to the RTE - this bodybg style created the well known black background in RTE issue.

The rqeditor.css was created specificly to solve the black RTE background issue and to provide the RTE styles requested.  Both style sheets are attached to the sites master template as below:

<link href="/css/interface.css" rel="stylesheet" type="text/css" />
<link href="/css/rqeditor.css" rel="stylesheet" type="text/css" />

The styling aliases, in fact the rqeditor.css looks like this:

@charset "utf-8";
.mceContentBody {background-image:none; background-color:#fff; background:#fff;}
body.mceContentBody
 {background-color:#fff; background:#fff; background-image: none; 
font-family: Arial, Segoe UI, Sans-Serif !important; text-align: left;}

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
Header {
font-family: "Arial Black", sans-serif;
font-size: 26pt;
color: #003366;
}

Subhead {
font-family: "Arial Black", sans-serif;
font-size: 18pt;
color: #6699cc;
}

Heading 3 {
font-family: "Arial Black", sans-serif;
font-size: 14pt;
color: #000000;
font-weight: bold;
}

Heading 4 {
font-family: "Arial Black", sans-serif;
font-size: 14pt;
color: #000000;
font-weight: bold;
}

Heading 5 {
font-family: "Arial Black", sans-serif;
font-size: 14pt;
color: #6699cc;
font-weight: bold;
}

Heading 6 {
font-family: "Arial Black", sans-serif;
font-size: 14pt;
color: #000000;
font-weight: bold;
font-style: italic;
}

Body Highlight {
color: #fe921f;
}

Body Highlight-Bold {
color: #fe921f;
font-weight: normal;
}

Body Regular {
font-family: "Arial", sans-serif;
font-size: 9pt;
color: #000000;
}

Body Bold {
font-family: "Arial", sans-serif;
font-size: 9pt;
color: #000000;
font-weight: bold;
}

Body Italic  {
font-family: "Arial", sans-serif;
font-size: 9pt;
color: #000000;
font-style: italic;
}

Body Bold-Italic {
font-family: "Arial", sans-serif;
font-size: 9pt;
color: #000000;
font-style: italic;
font-weight: bold;
}

Thanks in advance.

Attaching rqedior.css did correct the black background issue.

More info:

After writing this out, I realized seperate style sheets are not necessary and simplified the issue by:

• adding the .mceContentBody styles and the RTE styles to the bottom of the interface.css
• removing from the mastre template

Now, I have one less stylesheet and the RTE black background issue is still fixed.  The RTE field does reflect bold, itallic, and links applied from the main RTE menu bar but the styles are ineffective.  Recreating styles for test.

Hi Teena,

Glad you got it all working. Just for reference you never needed to use the TinyMCE CSS in the Master template, just in the back end. The end user would never see it or need to download it.

Rich

Hi Rich,

Thanks but I did not get it all working.  The styles displayed in the RTE still do not stick.  They do not effect the main content RTE field.  I recreated each style manually in the Stylesheets section of the admin for test but it did not effect the root issue.  The styles still show up in the RTE menu but they still do not effect the selected copy. View html after applying reveals no cheange. It acts like the styles are not allowed or that it's not the right field type.  Here's the RTE datatype properties:

Perfect and so simple a fix once you know.

Thanks for your help.

is working on a reply...