New to C5 - having trouble finding info on adding styles to the rich text editor styles menu
Permalink
Hi There,
I've been searching but I can't seem to find info on how you:
- Add css styles to the styles drop-down menu in the rich text editor
- Have site css styles style the content in the RTE
Any pointers in the right direction would be much appreciated.
Cheers
Ben
I've been searching but I can't seem to find info on how you:
- Add css styles to the styles drop-down menu in the rich text editor
- Have site css styles style the content in the RTE
Any pointers in the right direction would be much appreciated.
Cheers
Ben
Those styles come from a file called 'typography.css' which has to be in the same folder as the rest of your theme's files not in a sub-folder of your theme.
Thanks for that,
Just to be clear, does typography.css supply styles for the drop-down list and format all content in the editor?
For example, you can point CKEditor to your site's main css file and it will apply all your site styles to anything in the editor. You then supply a list of styles for the drop-down list such as headings, buttons etc.
Sorry if I've misunderstood how it all works.
Cheers
Ben
Just to be clear, does typography.css supply styles for the drop-down list and format all content in the editor?
For example, you can point CKEditor to your site's main css file and it will apply all your site styles to anything in the editor. You then supply a list of styles for the drop-down list such as headings, buttons etc.
Sorry if I've misunderstood how it all works.
Cheers
Ben
Yes,
typography.css supplies the styles that are then viewable in your WYSIWYG editor. So for instance, if your H1 tag had a solid background, when you applied the H1 tag in the editor you would then see the black background in the editor as well. Or, if you made a special class called 'blockquote' that included top and bottom border, heavy indents and a small quote.jpg - then this would be available in the drop down list and the style would be viewable in the editor.
I hope that answers your questions. You should download the free theme, Zen Like, it has several classes available via the content editor so you can see what the typography.css looks like.
typography.css supplies the styles that are then viewable in your WYSIWYG editor. So for instance, if your H1 tag had a solid background, when you applied the H1 tag in the editor you would then see the black background in the editor as well. Or, if you made a special class called 'blockquote' that included top and bottom border, heavy indents and a small quote.jpg - then this would be available in the drop down list and the style would be viewable in the editor.
I hope that answers your questions. You should download the free theme, Zen Like, it has several classes available via the content editor so you can see what the typography.css looks like.
