Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

We've moved the forum!

Please use forum.silverstripe.org for any new questions (announcement).
The forum archive will stick around, but will be read only.

You can also use our Slack channel or StackOverflow to ask for help.
Check out our community overview for more options to contribute.

Content Editor Discussions /

Forum for content editors and CMS users.

Moderators: martimiz, Sean, Ed, biapar, Willr, Ingo, swaiba

Override styles for the WYSIWYG-editor


Go to End


2 Posts   3791 Views

Avatar
Ultimate

Community Member, 18 Posts

18 March 2009 at 9:54am

Edited: 18/03/2009 9:55am

Right now I'm trying to override the settings I made in typography.css. I know those settings are imported to editor.css. But is there a possibility to change these typography-settings by style styling them a second time within editor.css? I tried this, but it didn't work.

The problem is that I styled a heading to be displayed left to the text by

.typography h3 {position: relative; left: -300px;}

which means the heading won't be displayed in the WYSIWYG-editor. Of course I can put it to layout.css, but I want to keep all heading together.

Avatar
Carbon Crayon

Community Member, 598 Posts

23 March 2009 at 11:11am

Edited: 23/03/2009 11:12am

Im a little confused.....why would putting it in Layout.css help?

Anyway if you just want to have some different styling in the editor and not on the site then you have it right already putting them in editor.css, try adding !important to the end of the definition.

.typography h3 {
position: relative !important;
left: -300px !important;
}