Background Color of WYSIWYG editor - help changing?

Discuss the development and implementation of Joomla! 1.0.x templates here.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
User avatar
GJSchaller
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 153
Joined: Wed Aug 24, 2005 2:57 pm
Location: White Plains, NY
Contact:

Background Color of WYSIWYG editor - help changing?

Postby GJSchaller » Mon Dec 19, 2005 10:48 pm

I'm in the process of setting up a new site for my WoW guild:

http://www.psi-13.com/goat/

The site is up and operational, but I am hitting a minor snag in the coloring of my template.  I wanted to set the background color of the whole page to black, so that there would not be a large white gap at the bottom of my page or around the banner (Fixed temporarily by a table bgcolor command).  But when I do this, the background color of the WYSIWYG editor also turns black.

I tried looking at the source of the page with the editor embedded in it, but did not see a class for the editor.  Is there a way to specify the background color for the editor, to make it seperate from the background color of the page?
Geoffrey J. Schaller
Technical Officer
Knight Realms
http://www.knightrealms.com

meisi
Joomla! Apprentice
Joomla! Apprentice
Posts: 9
Joined: Thu Jan 26, 2006 7:48 pm

Re: Background Color of WYSIWYG editor - help changing?

Postby meisi » Fri Feb 03, 2006 10:24 am

hi ,

TINYMCEin Joomla use templates's CSS file, so any changes to this CSS cause change color in editor, so you can fix it easily !.

for fix it ,make a different CSS file with any body background color in your template folder and change this line in :

mambots\editors\tinymce.php

around line 93 :

$content_css = 'content_css : "'. $mosConfig_live_site .'/templates/'. $template .'/css/template_css2.css", ';

so you have a different color for TINYMCE's background.

User avatar
GJSchaller
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 153
Joined: Wed Aug 24, 2005 2:57 pm
Location: White Plains, NY
Contact:

Re: Background Color of WYSIWYG editor - help changing?

Postby GJSchaller » Fri Feb 03, 2006 1:30 pm

Thank you!
Geoffrey J. Schaller
Technical Officer
Knight Realms
http://www.knightrealms.com

evelyng
Joomla! Apprentice
Joomla! Apprentice
Posts: 10
Joined: Tue Feb 21, 2006 5:59 am
Contact:

Re: Background Color of WYSIWYG editor - help changing?

Postby evelyng » Tue Feb 21, 2006 6:04 am

I made this change also, and thought I was so smart for being able to do it, but then I noticed that all of my formatting buttings have now disappeared, and the text box wants everything in HTML.  I deleted everything I did, and tried to get it to come back to normal, but I can't get the text editor area back.

Here is what it looks like now, in my tinymcd.php file.  Can anyone see anything wrong with it?

$file_path = $mosConfig_absolute_path .'/templates/'. $template .'/css/';
if ( $content_css ) {
$file = 'template.css';
} else {
$file = 'editor_content.css';
}

$content_css  = 'content_css : "'. $mosConfig_live_site .'/templates/'. $template .'/css/template_css.css", ';

if ( file_exists( $file_path .'/'. $file ) ) {
$content_css = $content_css . $file .'", ';
} else {
$content_css = $content_css . 'template_css.css", ';
Your one Stop Health and Beauty Shop.
http://www.ahealthstop.com

evelyng
Joomla! Apprentice
Joomla! Apprentice
Posts: 10
Joined: Tue Feb 21, 2006 5:59 am
Contact:

Re: Background Color of WYSIWYG editor - help changing?

Postby evelyng » Tue Feb 21, 2006 6:27 pm

Never mind, I fixed it, I had incorectlly deleted a MosConfig error.  I think this fix works though, I'm going to try it again (It's early now, and I've had my coffee!)
Your one Stop Health and Beauty Shop.
http://www.ahealthstop.com

User avatar
jlabs
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 220
Joined: Thu Aug 18, 2005 1:54 pm
Location: FL USA
Contact:

Re: Background Color of WYSIWYG editor - help changing?

Postby jlabs » Wed Feb 22, 2006 11:00 pm

Joomla Template Kit
http://dumbitdown.com

benthabits
Joomla! Apprentice
Joomla! Apprentice
Posts: 39
Joined: Tue Oct 25, 2005 2:04 am

Re: Background Color of WYSIWYG editor - help changing?

Postby benthabits » Wed Sep 13, 2006 3:27 am

meisi wrote:hi ,

TINYMCEin Joomla use templates's CSS file, so any changes to this CSS cause change color in editor, so you can fix it easily !.

for fix it ,make a different CSS file with any body background color in your template folder and change this line in :

mambots\editors\tinymce.php

around line 93 :

$content_css = 'content_css : "'. $mosConfig_live_site .'/templates/'. $template .'/css/template_css2.css", ';

so you have a different color for TINYMCE's background.




Ok Im lost... this is not working for me....
"make a different CSS file with any body background color in your template folder"
What do I name this file?

User avatar
dansaintandre
Joomla! Apprentice
Joomla! Apprentice
Posts: 39
Joined: Tue Jul 04, 2006 11:12 pm
Location: Austin, TX

Re: Background Color of WYSIWYG editor - help changing?

Postby dansaintandre » Wed Jan 17, 2007 4:37 pm

I found a file, JOOMLA/mambots/editors/index.html.  All it holds is

Code: Select all

<html>
    <body bgcolor="#FFFFFF">
    </body>
</html>


This is not my code. It came with my copy of 1.0.11 and its editors.
Someone intended this to force the body color to white.
IS this supposed to work?  If so, what would cause it to stop/fail to work?

Stumped,
~~~ Dan 0;-<

arekanderu
Joomla! Apprentice
Joomla! Apprentice
Posts: 43
Joined: Thu May 04, 2006 6:25 pm

Re: Background Color of WYSIWYG editor - help changing?

Postby arekanderu » Fri Mar 09, 2007 1:51 pm

I was trying to find something similar and i just wanted to add that editing the php code is not necessary. All you need to do is to login at the Joomla Administrator -> Mambots ->Site Mambots -> Edit  TinyMCE WYSIWYG Editor and at the parameters on the right you can set your own css file by simply selecting NO where it says "Template CSS classes" and set the name of the custom.css below that. The css file must be in your_template/css folder. In addition, if you do not want to use a custom css file TinyMCE first checks the template/css folder for editor_content.css file so you can also create that and insert the background color there.

User avatar
JGRT
Joomla! Apprentice
Joomla! Apprentice
Posts: 17
Joined: Sun Jul 08, 2007 8:52 pm
Contact:

Re: Background Color of WYSIWYG editor - help changing?

Postby JGRT » Tue Jul 24, 2007 4:23 pm

Found another fix for the issue:

Put the following code in your CSS File:

body.mceContentBody {
  background: #FFFFFF;
}

This will take care of the issue with backrounds, it works fine as TinyMCE calls from this body CSS Code.

I think it would be a good idea in the future for all template designers to place this sinppet of code in the CSS for the site they design..  ;)


Thanks Much
Jim
USA America - Ameirca's Internet Solutions Company.
http://www.usaamerica.com

rudialex
Joomla! Intern
Joomla! Intern
Posts: 84
Joined: Tue Aug 08, 2006 9:42 pm
Contact:

Re: Background Color of WYSIWYG editor - help changing?

Postby rudialex » Sat Oct 06, 2007 5:20 pm

JGRT wrote:body.mceContentBody {
  background: #FFFFFF;
}


Yes, it's the best and easiest fix. I'm not aware about all editors ... but I'm sure they don't use MCE class (mceContentBody). Guess any other editor has something different ...

So this fix is only for standard MCE editor.

Much better  to fix it like ...

Code: Select all

body {
   background: #FFFFFF;
}

body.my-frontend {
   background: #ffffff url(../images/arrow.png);
}


Where class my-frontend will be applied to BODY in your template like

Code: Select all

<body class="my-frontend">


and rewrite previous BODY rules. And body.my-frontend will be used only in your template, and this rules won't be applied to html editor as they have something like

body.mceContentBody
or
body.JCEContentBody

and will use css rules from simple body styling

Code: Select all

body {
   background: #FFFFFF;
}


So... template has background rules (image or red bg) ... EDITOR - DON'T (white bg ... or what you need)

Regards.
Last edited by rudialex on Sat Oct 06, 2007 5:23 pm, edited 1 time in total.
rudialex.com - custom joomla templates developer


Return to “Templates & CSS - 1.0.x”

Who is online

Users browsing this forum: No registered users and 0 guests