Hi, in my sample/test project I added an external CSSthat is applied to the "rendered" text but not in the edit box.
The thing is that I want to apply my ".title" CSS, the posted/generated code has the SPAN CLASS="title" but it is not shown in the editor window.
Can anybody help me with this?
Thanks
The thing is that I want to apply my ".title" CSS, the posted/generated code has the SPAN CLASS="title" but it is not shown in the editor window.
Can anybody help me with this?
Thanks
Re: How to apply an external CSS to te edit box.
Remember that class selectors (i.e., .title) have a relatively low specificity in the w3c cascading stylesheets model ( see http://www.w3.org/TR/CSS2/cascade.html ). That just means that your .title css selector is being overridden in the CKEditor editing region (remember that CKEditor uses a lot of styles, too, and some of those may be called .title.) You can experiment with this by increasing the specificity of your selector and viewing the results in the editing region (make sure your browser is not caching the old .css file.)
One method of increasing css selector specificity is by using an id attribute, e.g., setting the id attribute = "title":