Question
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?
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
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
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
Hello Manish,
Can you inspect the element using developer tools as screen shot shared by my colleague Rachit and see from where this background and text property styles are getting picking. Please share the screen shot as well.
Regards,
Durga
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.