styling a specific richEditor

quaidbrown May 24, 2009 3:21 PM

I'm trying to get rid of the border around the rich:editor and am having a hard time.

I defined a style like this:

.richfacesSkin .mceIframeContainer{
 border:2px solid yellow;
}

But it just puts a border around the preexisting green border. I made it green by defining my own skin file and specifying its use with:

<context-param>
 <param-name>org.richfaces.SKIN</param-name>
 <param-value>mySkin</param-value>
 </context-param>

Anyway, how do I override this border just for a specific editor if using a specific style doesn't work? I also defined a styleClass and tried to set the border, but it puts a border around the whole thing.

Any help is appreciated.

1. Re: styling a specific richEditor

ilya_shaikovsky May 25, 2009 4:18 AM (in response to quaidbrown)

1) check styles applied with Firebug It will save a lot of time.
2) visit the tiny resources and recheck that mceIframeContainer is the class you need to redefine.
Actions

2. Re: styling a specific richEditor

quaidbrown May 27, 2009 10:20 PM (in response to quaidbrown)

This fixed it:

.richfacesSkin table.mceLayout {
 border-color:-moz-use-text-color #1B773E;
 border-style:none !important;
 border-width:0 0px !important;
}

.richfacesSkin table.mceLayout tr.mceLast td {
 border:none !important;
}

Go to original post