I modified the richtext editor data type and assigned a related stylesheet (the main.css of my website). Now, if I want to edit a text in a node which uses the richtext editor data type, the whole content is centered in the editor. I created a editor.css and assigned it also with the richtext editor data type. I tried things like
If you use firebug you could probably see what rules are causing the text-alignment to be centered, but I'd never recommend attaching your main stylesheet to the editor. Instead make a new sheet just for the editor with a few rules like "image align left", "image align right", "heading" etc.
Richtext editor content is centered after assigning related stylesheet
Good morning everybody :)
I modified the richtext editor data type and assigned a related stylesheet (the main.css of my website). Now, if I want to edit a text in a node which uses the richtext editor data type, the whole content is centered in the editor. I created a editor.css and assigned it also with the richtext editor data type. I tried things like
p {
text-align: left;
}
or
* {
text-align: left;
}
but it doesn't help. What is the trick?
If you use firebug you could probably see what rules are causing the text-alignment to be centered, but I'd never recommend attaching your main stylesheet to the editor. Instead make a new sheet just for the editor with a few rules like "image align left", "image align right", "heading" etc.
Your suggestion will end up in redundancy. Because we need to define the Styles twice. But Firebug brought me to define
html, body, p {
text-align:left;
}
in editor.css. This works perfect for me.
is working on a reply...