Question
Credit Suisse
IN
Last activity: 9 Jan 2018 11:25 EST
How to change Background & Text color of CKEditor
We use rich text editor in the application and have a requirement to change the background & text color.
I could not find a way to change it as these are defined in a css file "pzpega_ckeditor_contents" which is a final rule. can anybody suggest if there is any css class / mixin that we can override in the application layer to achieve the functionality?
EPAM Systems, Inc.
ES
Pegasystems Inc.
US
Hi,
I added the below code in userworkform and the RTE looks like this.
<style>
.cke_editable {
color:green;
background-color:red;
}
</style>
Hopefully making these changes will help you get the desired results.
Regards,
Rachit
Pegasystems Inc.
IN
Hello Verma,
Did you get the chance to try the solution provided by my colleague Rachit?.
In case if you are not interested to add the style in Userworkform then you can add the style as Rachit suggested in your application related stylesheets by overriding the style properties as below:
<style>
.cke_editable {
color:green !important;
background-color:red !important;
}
</style>
I hope this information will help you to resolve the issue as per your requirement.
Thanks & Regards,
Durga
Credit Suisse
IN
Hi Asif, Rachit, Durga,
Thanks for your suggestions!
I tried to update this class in one of the application layer css file however its not getting applied.
Any suggestions why it would not be working?
Which PRPC version did you try that solution in?
Thanks,
Manish
Pegasystems Inc.
IN
Pegasystems Inc.
US
What did you mean by app layer CSS file? Do you mean at Skin/ Harness level? I would suggest you add this to userworkform. The CSS should work. Please check if this is getting reflected in DOM.