Help fixing the background color and text in the new editor

by Shen Rajinto August 14th 2013, 7:42 pm

I have read the thread https://help.forumotion.com/t124671-only-topic-new-editor and tried the examples listed below to change the background and text color of my editor. However, it only changes the SourceMode editor and not the WYSIWYG editor. I'm hoping someone can help me.

Made wrote:
Sanket wrote:Made, add this to your css & check.
Code:
div.sceditor-container textarea { background-color: #000000 !important; } div.sceditor-container { background-color: #000000 !important; }
We're half way there, Sanket, lol. 'cause now I have a black background which is great but black text
I need the text to be white by default

Sanket wrote:Try this in your css.
Code:
.sceditor-container iframe, .sceditor-container textarea { color: #ff0000 !important; }

by Shen Rajinto August 16th 2013, 4:50 pm

I have found the problem as to why it's not working in the WYSIWYG editor, but I still do not know how to fix it.

When you are in sourceMode editor, the data entry area is called "textarea".

But when you are in wysiwygMode, the data entry area becomes an "iframe" with a <body> and <p> is the actual text entry line.

by Kralj August 16th 2013, 6:38 pm

If it is solved please tag solved, if it's not, please writte what is your forum version, and can you explain what is problem?

by Shen Rajinto August 16th 2013, 7:42 pm

It's not solved, I'm just trying to provide more information about what is going on.

I'm using Invision, the url is http://intersun.forumotion.com

I'm trying to change the background color and the text color of the text editor.

When I put the changes listed in the OP into my CSS, it changes the colors on the Source Mode editor (no formatting shown), but not the WYSIWYG Mode. Using Firefox and the Inspect tool, I found out that the sceditor-container no longer has a "textarea" that it is now an iframe.

If i place:

Code:: div.sceditor-container iframe { background-color: #000000 !important; color: #c2c2c2 !important; }

into my CSS, it only changes the background color and not the text color.

EDIT: I did some more digging with Firefox, and found that the text is being colored by this code:

Code:: body,code:before,html,p,table{ color:#111; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:13px; margin:0; padding:0 }

which is loaded to the css from an external file: https://illiweb.com/rs3/76/frm/SCEditor/minified/jquery.sceditor.default.min.css

But I can't figure out where it's called and how to fix it to change the text color to what I want.