The project I am working on is currently using richfaces 3.3.3. The issue I am having is with the <rich:editor> component, specifically the HTML Source Editor window that opens when the "HTML" tool is clicked. I have been able to remove the default image faces puts in and replace it with my own styles, including the "Maximize" and "Close" buttons. The problem comes in when I try to replace the "Update" and "Cancel" buttons at the bottom of that window. No matter what I do, the faces default remains. See the screenshot below and the css I am trying to use.
I tried this first:
#insert, #cancel, input.button, .updateButton { background: url("/marketing/customwebsites/basic/assets/img/layout/button_browe-blue-93x24.png") no-repeat !important; color: #fff; }
When the above did not work, I tried this:
#insert, #cancel, input.button, .updateButton { background-image: none !important; } .mceActionPanel #insert, .mceActionPanel #cancel { background: url("/marketing/customwebsites/basic/assets/img/layout/button_browe-blue-93x24.png") no-repeat !important; color: #fff; }
Neither of these two approches worked. I really don't like using !important, but so far it has been the only way I am able to override the richfaces editor defaults.
Does anyone have any thoughts on this? Suggestions?
Thanks