You can use firebug and find classes of elements which does not match with your pages. Then you can define the same classes(with the same names) in your css file and browser should use your styles instead of defaults.
You can find more about css classes of rich:editor here:
Thanks for your response!
I tried that. After the implementation , the firebug showed "Default style class overrided my custom style class".
if u have any idea about that then plz help me!
Does it mean that you didn't override needed class? Is your browser still using old class instead of yours?
It doesn't mean "I did not". It means "I can't". I override needed class. Eventhough rich:editor's default style class overrided my custom style class.
Firebug showed my custom style class was strikeout.
It's strange bacause the same stuff worked for me very well. Look at your html and find when your css file is getting attached. Because mine is attached after all RF css files.
How do you include your css on a page? (with aj4:loadStyle or not)
P.S. You can try to define class directly on a page.
I get the same problem but little bit different. I succeeded to override .rich-panel-body style to be
} in external css I saved it in style.css. But I need to override one more time for one page only, in the page I did this code
.....rich faces elements
......rich faces elements
but why, the second override can't work? Please help
It's solved : )
I just made other class in my style.css, then I called it by bodyClass="my-new-class", and it work. Thanks guys.