Headings style in ckeditor
The client wants Headings 1,2 and 3 in the format dropdown of ckeditor and in the editing window to be white text and three different fixed point sizes.
We have added h1,h2 and h3 styles in the body style of the site to give white text and the correct point sizes.
Tried adding the same styles in contents.css as shown below but this doesnt make the text white in ckeditor in the headings on the format dropdown and it doesnt produce white headings in the editing window. White headings are produced on the site because of the body style but need to show them white and correct size in ckeditor. The default colour for body text in the cms areas is black and this works ok.
Where is the style for these headings in ckeditor so that they can be changed to produce the same in the dropdowns and the editing window as that produced on the site?
body
{
/* Font */
font-family: Comic Sans MS, cursive;
font-size: 14px;
/* Text color */
color: #000000;
/* Remove the background color to make it transparent */
background-color: #5b79b5;
}
/* Commonly used to style page titles. */
h1 {
color: #FFFFFF;
font-size: 28px;
font-weight: bold;
line-height: 28px;
}
/* Commonly used to style section titles. */
h2 {
color: #FFFFFF;
font-size: 22px;
font-weight: bold;
line-height: 22px;
}
h3 {
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
line-height: 16px;
}
ol,ul,dl
{
/* IE7: reset rtl list margin. (#7334) */
*margin-right:0px;
/* preserved spaces for list items with text direction other than the list. (#6249,#8049)*/
padding:0 40px;
}