actually it looks like the way I have my CSS for H tags (I guess I need to improve on my CSS coding technique)
Not originally i was using #content-main (id) for the area on my website however I had to create .content-main (class) so that my CSS styles work in CKEDITOR
originally in my CSS file I was styling H1 tag on its own (rather than .content-main h1 and #content-main h1) Hence why I need to improve the way I build up my style sheet :)
Note: I always assumed if there was only going to be ONE occurence of a style it SHOULD be an ID style (rather than a Class) but CKEDITOR requires a class definition for the body class in HTML Editor.
it worked when I changed my CSS to:
.content-main h1, #content-main h1, h1 {
font-family: 'andada_scregular';
font-size: 30px;
margin-bottom: 30px;
font-weight: 400;
line-height: normal;
color: #ff318e;
text-align: left;
letter-spacing: 2px;
border-bottom: 1px solid #DDDDDD;
margin-top: 10px;
}
.content-main h2, #content-main h2, h2 {
font-family: 'andada_scregular';
font-size: 22px;
font-weight: 400;
line-height: normal;
color: #ff318e;
text-align: left;
letter-spacing: 2px;
}
.content-main h3 , #content-main h3, h3 {
font-family: 'andadaregular';
font-size: 26px;
font-weight: 400;
line-height: normal;
color: #515151;
text-align: left;
letter-spacing: 1px;
}
.content-main h4, #content-main h4, h4 {
font-family: 'andadabold';
font-size: 19px;
line-height: normal;
color: #515151;
text-align: left;
}