I'm having trouble applying my own defined font styles to be used when editing a page. I'd like to add a class called "header" so when editing the page I can use the font styles drop down box, select header, and the style will be applied to my text.
My steps:
1. added a class to my theme.css called header1 (18 px, green color, etc)
2. Configured the WYSIWYG (using TinyMCE) and under the CSS drop down section, CSS classes, I put: Heading=header1.
3. After saving I edited a page and my new style "Heading" was added to the Styles drop down box. Ok that's good news!
4. Then I applied the style to a line of text, the text appeared as it should, and I hit save. Even better!
5. Once the page refreshed and took me to the published view, the style was no longer applied. It's like it was stripped out and only worked in the editor area. BOO!
Any clue what's happening? I started with the Zen subtheme so everything should be clean unless it's something I did with the CSS earlier.