Background Color of WYSIWYG editor - help changing?
Moderator: General Support Moderators
Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
- GJSchaller
- Joomla! Enthusiast
- Posts: 162
- Joined: Wed Aug 24, 2005 2:57 pm
- Location: White Plains, NY
- Contact:
Background Color of WYSIWYG editor - help changing?
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?
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?
-
- Joomla! Apprentice
- Posts: 9
- Joined: Thu Jan 26, 2006 7:48 pm
Re: Background Color of WYSIWYG editor - help changing?
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.
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.
- GJSchaller
- Joomla! Enthusiast
- Posts: 162
- Joined: Wed Aug 24, 2005 2:57 pm
- Location: White Plains, NY
- Contact:
-
- Joomla! Apprentice
- Posts: 10
- Joined: Tue Feb 21, 2006 5:59 am
- Contact:
Re: Background Color of WYSIWYG editor - help changing?
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", ';
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
http://www.ahealthstop.com
-
- Joomla! Apprentice
- Posts: 10
- Joined: Tue Feb 21, 2006 5:59 am
- Contact:
Re: Background Color of WYSIWYG editor - help changing?
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
http://www.ahealthstop.com
- jlabs
- Joomla! Enthusiast
- Posts: 220
- Joined: Thu Aug 18, 2005 1:54 pm
- Location: FL USA
- Contact:
Re: Background Color of WYSIWYG editor - help changing?
Joomla Template Kit
http://dumbitdown.com
http://dumbitdown.com
-
- Joomla! Apprentice
- Posts: 39
- Joined: Tue Oct 25, 2005 2:04 am
Re: Background Color of WYSIWYG editor - help changing?
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?
- dansaintandre
- Joomla! Apprentice
- Posts: 39
- Joined: Tue Jul 04, 2006 11:12 pm
- Location: Austin, TX
Re: Background Color of WYSIWYG editor - help changing?
I found a file, JOOMLA/mambots/editors/index.html. All it holds is
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;-<
Code: Select all
<html>
<body bgcolor="#FFFFFF">
</body>
</html>
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;-<
-
- Joomla! Apprentice
- Posts: 43
- Joined: Thu May 04, 2006 6:25 pm
Re: Background Color of WYSIWYG editor - help changing?
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.
- JGRT
- Joomla! Apprentice
- Posts: 17
- Joined: Sun Jul 08, 2007 8:52 pm
- Contact:
Re: Background Color of WYSIWYG editor - help changing?
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
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
http://www.usaamerica.com
-
- Joomla! Intern
- Posts: 84
- Joined: Tue Aug 08, 2006 9:42 pm
- Contact:
Re: Background Color of WYSIWYG editor - help changing?
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 ...JGRT wrote: body.mceContentBody {
background: #FFFFFF;
}
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);
}
Code: Select all
<body class="my-frontend">
body.mceContentBody
or
body.JCEContentBody
and will use css rules from simple body styling
Code: Select all
body {
background: #FFFFFF;
}
Regards.
Last edited by rudialex on Sat Oct 06, 2007 5:23 pm, edited 1 time in total.
rudialex.com - custom joomla templates developer