Editor vs actual site content

Permalink
I am converting a web site from html to Concrete5 for editing. I creating a typography.css with some necessary content styles and everything looks great in the editor, but when I go to the live site, the styles aren't there.
It appears that everything in the WYSIWUG editor gets surrounded by a <p> tag. So that means that the web site's CSS can't be used because it wants the element defined as "#content.event h3" TinyMCE doesn't have access to that class. If I define a class in typography, it doesn't appear that the rendered html recognizes it. So how do I make the WYSIWUG editor really WYSIWUG?

 
okhayat replied on at Permalink Reply 2 Attachments
okhayat
If you switch the Rich Text Editor mode to Office (from Sitemap -> Sidewide Settings -> Rich Text Editor -> Toolbar Set) you get two buttons that allow you to do this:
1. Edit CSS Styles (ecs.png)
2. Insert/Edit Attributes (iea.png)
You can add any CSS or other properties you need easily, by selecting the text/element you want to apply the CSS class, ID, or property to then using any of these two.
archee replied on at Permalink Reply
thanks, saved my life...