Typogrophy.css help
Permalink
Hey gang,
I'm working on a theme that C5 would say has "greedy" tags for it's <h1> - <h5> tags. (I want my h1 and h2 tags to have a background color). My header's background colors appear in the drop-down core C5 dialog boxes. If I do what C5 suggests and wrap my theme in a '#wrapper id' it fixes this problem but then the styles don't appear in the WYSIWYG editor.
Does anyone know of a way to keep these greedy tags from interfering with Concrete5 but allowing you to see theme in the WYSIWYG editor.
Thanks
I'm working on a theme that C5 would say has "greedy" tags for it's <h1> - <h5> tags. (I want my h1 and h2 tags to have a background color). My header's background colors appear in the drop-down core C5 dialog boxes. If I do what C5 suggests and wrap my theme in a '#wrapper id' it fixes this problem but then the styles don't appear in the WYSIWYG editor.
Does anyone know of a way to keep these greedy tags from interfering with Concrete5 but allowing you to see theme in the WYSIWYG editor.
Thanks
..this thing bothers me to.. for some special links (e.g. pdf-downloads) i used a workaround by adding custom classes for my "greedy"-links into the typography.css ..now the class can be chosen from within the WYSIWYG editor.. this worked for my customer, but it's no solution for the h* tags..
I'm having the same problem with the heading tags. If I want their styling to be applied in the WYSIWYG editor, then I must include them in typography.css, but then they also unfortunately show up in the dialogs when I am adding content blocks (i.e., Add Image) overrding the ccm-ui.css.
Any further thoughts on resolving this?
Any further thoughts on resolving this?
I resolved this, thanks to jshannon on freenode IRC, by specifying the wrapper that I was already using around my theme for the problematic styles in typography.css, as well as selecting for the WYSIWYG editor's content as such:
This prevented the h2 style from being applied in the 'Add Image' dialog generated by c5.
.c5wrapper, .mceContentBody h2 { font-size: 2.25em; }
This prevented the h2 style from being applied in the 'Add Image' dialog generated by c5.
