WYSIWYG Editor CSS
Two questions about trying to get the WYSIWYG editor to match the Mantra styles:
(1) Why are the styles in the provided editor-style.css different from the defaults set in style.css? For example, an h2 element as set in styles.css is:
font-size: 16px; font-family: Segoe UI,Arial,sans-serif;
(Actually, I can’t find where the font-size is set, but it must be there somewhere.) But in editor-style.css it is:
font-size: 1.8em; font-family: Georgia,"Bitstream Charter",serif;
Completely different! The theme’s styles.css is huge – surely I don’t have to sift through the whole thing for styles that might relate to content and manually create a new editor-style.css, do I? Since the Mantra developers did utilize the editor style feature, I would have expected the two style sheets to already match each other “out of the box”, so I’m concerned that I’m missing some sort of clue as to why they are different.
(2) Is there any way to get the stuff that is dynamically set in Mantra Settings (colors, “captionized” image appearance, etc.) to apply to the editor? A plugin, perhaps, that can reach out and detect the styles that will actually apply to the page? (Probably a pipe dream, but I thought I’d ask.)
- The topic ‘WYSIWYG Editor CSS’ is closed to new replies.