The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How can I change the Text Editor Box default to a white background?

Page 1 of 2 1, 2  Next

View previous topic View next topic Go down

How can I change the Text Editor Box default to a white background?

Post by Kerry Kistler on January 15th 2010, 7:15 pm

Hi,
The text editor box (for posts and post edits) ALWAYS opens with a med-dark blue background. This makes the back text hard to read. I can change the background to white by clicking the "Switch Editor Mode" button (upper far right button with the a/A symbol on it).

This makes no sense to me and after spending hours in the Colors HTML box, I cannot locate any #hex code which corresponds to this blue color.

How can I change the default so my text editor box will always open white?

Thanks for any advice,
Kerry

Kerry Kistler
Forumember

Posts : 43
Reputation : 0
Language : english

Back to top Go down

Re: How can I change the Text Editor Box default to a white background?

Post by Sanket on January 15th 2010, 7:46 pm

What is your forum version?

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Re: How can I change the Text Editor Box default to a white background?

Post by Kerry Kistler on January 15th 2010, 9:29 pm

This is a brand new forum but I think it's phpbb2. Here's the link if you want to try making a test post:

http://thechalkloft.heavenforum.org/index.htm

Thanks for taking a look,
Kerry

Kerry Kistler
Forumember

Posts : 43
Reputation : 0
Language : english

Back to top Go down

Re: How can I change the Text Editor Box default to a white background?

Post by Sanket on January 16th 2010, 6:11 am

Code:
textarea.post{
background-color: #000000;
    }

Add this code to your css, change the color code to anything. Its currently black.
http://www.computerhope.com/htmcolor.htm

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Re: How can I change the Text Editor Box default to a white background?

Post by Kerry Kistler on January 16th 2010, 6:23 am

Thanks for trying but that only affected the background color in the Comment input block and Signature input block. Any other ideas?
Thanks,
K

Kerry Kistler
Forumember

Posts : 43
Reputation : 0
Language : english

Back to top Go down

Re: How can I change the Text Editor Box default to a white background?

Post by Sanket on January 16th 2010, 6:32 am

That code works fine for me.


Can you show what changed for you in a screenshot?

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Re: How can I change the Text Editor Box default to a white background?

Post by Kerry Kistler on January 16th 2010, 6:52 am

Well, I don't want to bother sending shots of what did change - as I said, two text boxes did change: the Comment and Signature input blocks (in the Profile editing area).

Here is a clip of the code you sent as I inserted it in my html. The color I entered is a very light blue. Did I insert it incorrectly?

nput.post, textarea.post, select {
background-color : #ffffff;
}
textarea.post{
background-color: #cde2ff;
}

td.post-options img {
cursor: pointer;

Kerry Kistler
Forumember

Posts : 43
Reputation : 0
Language : english

Back to top Go down

Re: How can I change the Text Editor Box default to a white background?

Post by Sanket on January 16th 2010, 7:12 am

Inserted in your html?
Where did you exactly add the code?

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Re: How can I change the Text Editor Box default to a white background?

Post by Kerry Kistler on January 16th 2010, 7:48 am

In the admin area: Display/Pictures & Colors/Colors. I wasn't sure where on the page to add it so I showed the above clip to give you an idea.

Kerry Kistler
Forumember

Posts : 43
Reputation : 0
Language : english

Back to top Go down

Re: How can I change the Text Editor Box default to a white background?

Post by Sanket on January 16th 2010, 7:55 am

Add it in the css stylesheet tab.

Also it does change the comment box background color, so to avoid that you can keep the background color white. I can provide you the code to change the text to black, so that its visible. Is it fine?

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Re: How can I change the Text Editor Box default to a white background?

Post by Kerry Kistler on January 16th 2010, 8:19 am

yes, that's where i put it, as described - unless there is another location for another css stylesheet tab that I don't know about.

Kerry Kistler
Forumember

Posts : 43
Reputation : 0
Language : english

Back to top Go down

Re: How can I change the Text Editor Box default to a white background?

Post by Sanket on January 16th 2010, 8:21 am

Did the background color of the posting area change to anything else than blue?

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Re: How can I change the Text Editor Box default to a white background?

Post by Kerry Kistler on January 16th 2010, 8:40 am

sorry, I missed that second sentence.

Believe it or not, the code you sent DOES affect the comment box background color, as you mentioned. But it does NOT affect the post editor box background color - not in mine anyway. I see that it did affect your site by the screen shot you sent. This is a mystery to me.

I went through my css code with a fine tooth comb and wrote down every #hex in the whole code. Then I used an online html color code generator to view what each color looked like. Not one of them matches the darker shade of blue which is the background color of my post editor box. I don't think the problem could be located there in the css code.

Again, here is a possible clue - when I click the a/A button in the post editor (the wysiwyg toggle), the background changes instantly to white and all is good. However, activating the WYSIWYG mode in the Admin area does NOT solve the problem. I tried. So maybe the problem is somehow related to the wysiwyg code?

Kerry Kistler
Forumember

Posts : 43
Reputation : 0
Language : english

Back to top Go down

Re: How can I change the Text Editor Box default to a white background?

Post by Sanket on January 16th 2010, 8:45 am

Okay lets try this.
Code:
textarea.post{
background-color: #000000 !important;
}

Add that to your css.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Re: How can I change the Text Editor Box default to a white background?

Post by Kerry Kistler on January 16th 2010, 8:53 am

Nope, but getting closer. Same dark blue background. BUT, when I toggle the "switch editor mode" the background does NOT change to white like it did - it now changes to my new color (a light blue). Soooo close.

Kerry Kistler
Forumember

Posts : 43
Reputation : 0
Language : english

Back to top Go down

Re: How can I change the Text Editor Box default to a white background?

Post by Sanket on January 16th 2010, 8:57 am

I am getting really confused now. Forget the switch editor mode.

When your WYSIWYG is off, what color do you want it to be?
The code i provided will change the color of that background when WYSIWYG is off.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Re: How can I change the Text Editor Box default to a white background?

Post by Kerry Kistler on January 16th 2010, 9:05 am

I want it to be a light blue or white in either mode. When it opens to default it is dark blue. When I toggle WYSIWYG your code takes over and I see a light blue. I'm not sure if WYSIWYG is toggled on or off when I click it. I want the opening default to be either white or light blue.

Kerry Kistler
Forumember

Posts : 43
Reputation : 0
Language : english

Back to top Go down

Re: How can I change the Text Editor Box default to a white background?

Post by Sanket on January 16th 2010, 9:06 am

When you put in the code. It won't show the code but show the results. Thats when WYSIWYG is ON.
Otherwise if it just shows the code then WYSIWYG is OFF.

Now you got to tell me...for which ones which colors are showing & how you want it to be.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Re: How can I change the Text Editor Box default to a white background?

Post by Kerry Kistler on January 16th 2010, 9:17 am

Gotcha. Default is ON and dark blue but I want it white. When OFF it is now light blue and that is fine.

Kerry Kistler
Forumember

Posts : 43
Reputation : 0
Language : english

Back to top Go down

Re: How can I change the Text Editor Box default to a white background?

Post by Sanket on January 16th 2010, 9:25 am

Can i see a copy of your css?

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Re: How can I change the Text Editor Box default to a white background?

Post by Kerry Kistler on January 16th 2010, 9:29 am

sure - but I don't think you want me to copy and paste here. How?

Kerry Kistler
Forumember

Posts : 43
Reputation : 0
Language : english

Back to top Go down

Re: How can I change the Text Editor Box default to a white background?

Post by Sanket on January 16th 2010, 9:34 am

Add it to a text file & then upload it here & provide a link.
http://easy-share.com/

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Re: How can I change the Text Editor Box default to a white background?

Post by Kerry Kistler on January 16th 2010, 9:39 am

Here it is in Notepad:

http://www.easy-share.com/1909015370/KKistler CSS.txt

Kerry Kistler
Forumember

Posts : 43
Reputation : 0
Language : english

Back to top Go down

Re: How can I change the Text Editor Box default to a white background?

Post by Sanket on January 16th 2010, 9:53 am

Duh, i don't think you can change the background color of that when the WYSIWYG mode is on.
Because it generally shows how it will appear actually. So unless you put a background html color code in the normal mode, it won't display.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Re: How can I change the Text Editor Box default to a white background?

Post by Kerry Kistler on January 16th 2010, 10:01 am

Huh? Are you saying that there is no way to make the dark blue go away by default?

Kerry Kistler
Forumember

Posts : 43
Reputation : 0
Language : english

Back to top Go down

Re: How can I change the Text Editor Box default to a white background?

Post by Sanket on January 16th 2010, 10:05 am

When WYSIWYG is on, you have a blue color?

Okay, i will take a look at your css & find a solution.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Re: How can I change the Text Editor Box default to a white background?

Post by Kerry Kistler on January 16th 2010, 10:10 am

Yes, dark blue with black type which is hard to read.

Note that in Admin>General>Messages>Config, the WYSIWYG is set to NO. It is turned off because I read a thread here that it can cause problems with some browsers like Chrome, Safari and others.

Kerry Kistler
Forumember

Posts : 43
Reputation : 0
Language : english

Back to top Go down

Re: How can I change the Text Editor Box default to a white background?

Post by Sanket on January 16th 2010, 10:13 am

Can you also post a screenshot for me to see of this dark blue color?

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Re: How can I change the Text Editor Box default to a white background?

Post by Kerry Kistler on January 16th 2010, 10:22 am

Here is link to shot. I'm too sleepy to figure out how to insert image in this editor.

http://www.easy-share.com/1909015674/screen shot.jpg

Kerry Kistler
Forumember

Posts : 43
Reputation : 0
Language : english

Back to top Go down

Re: How can I change the Text Editor Box default to a white background?

Post by Kerry Kistler on January 17th 2010, 8:46 am

btw, I did clear cache in Firefox, restarted browser and the problem remains.

Kerry Kistler
Forumember

Posts : 43
Reputation : 0
Language : english

Back to top Go down

Page 1 of 2 1, 2  Next

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum