rich:separator - colorproblem

[rschwegler]

in separator.xcss:

.rich-separator {margin:10px;background-color:orange;color:red;
 }
 .rich-separator-image-bevel {
 }
 .rich-separator-image-simple {
 }
 .sep-style {background-color:green;color:blue;
 }

and in .xhtml

<rich:separator height="1" styleClass="sep-style" />

but the line I get is always grey .

first I tried without the styleClass , and only background-color as it is announced in the docu then I tried color and styleClass ...

[ilya_shaikovsky]

add background-image:none; to class. And for future - such questions is really simple to solve using fireBug tool for firefox or IE dev toolbar..

[rschwegler]

I don't wanna bore U with silly questions.

but I do use firebug.

and I saw that the line, which the separator shows, is build with a background gif (grey)

I thought, it might be createt on the fly by the javascript engine (renderkit)

and thought about why my input (red , blue or whatever) doesn't work.

therefore the question.

your advice background-image:none didn't work either

nore when I put an own background-image into the separator (.rich-separator)

all these things are overwriten and finally again
there's the grey 1x1 px (repeat-x) background image from the renderkitl.

thanx for listening.

[ilya_shaikovsky]

yup.. got the problem. we had bg-image definition in style and not in class. So thats why your one not applied.

 .rich-separator{
 background-color: red;
 background-image: none !important;
 }

should works.
https://jira.jboss.org/jira/browse/RF-7475