I have been trying everything to get this editor.css file to link into the styles drop down with no luck. Can someone please help and explain EXACTLY what files to open and what code to place in. The instructions give the code and location, but nothing seems to work. Here is what we have tried:
1. Inside the Advanced Settings we have used DEFINE CSS and given a path to our style sheet:
/wp-content/themes/switchlv/editor-style.css
We have tried putting the Predefined Styles drop down to default, use theme and define, but none of them work. The result is NOTHING... the same default styles appear that are listed inside the .js file.
2. We have tried the using the Stylesheet Parser Plugin. By following these steps:
http://docs.cksource.com/CKEditor_3.x/D ... ide/Styles
a. inside the ckeditor/config.js file we put this:
CKEDITOR.editorConfig = function( config )
{
config.extraPlugins = 'stylesheetparser';
config.contentsCss = '/wp-contents/themes/switchlv/editor-style.css';
config.stylesSet = [];
};
According to the directions, this should make the default .js styles overwritten and then link to our editor-style.css file and it looks like this:
.sm_black {
font-size: 10pt;
font-family: Futura, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #414042;
}
.sm_black_bold {
font-size: 10pt;
font-family: Futura, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #414042;
}
.m_black {
font-size: 12pt;
font-family: Futura, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #414042;
}
...etc...
But, nothing works. It still shows the default .js styles... FYI we have cleared cache several times after loading the files and changing settings.
Please help us!!! We have followed these instructions as best possible, but there really is no CLEAR documentation as to how to formally link a .css file to the drop down styles. Which method above is best and actually works?????
Tue, 10/30/2012 - 17:20
#1