Background color in article editor of Joomla admin

GK User
Sun Feb 27, 2011 9:49 am
Hi,
please see attched file. There is a weird background color in the Joomla admin/article editor. You almost can't see the text. How can I remove this background color?
Thank you for any help!
Jörg.
User avatar
Junior Boarder

GK User
Sun Feb 27, 2011 9:50 am
Sorry, forgot to attach screenshot. Here it is.
screenshot.jpg
User avatar
Junior Boarder

Konrad M
Mon Feb 28, 2011 6:56 am
Hi
Check in templates/system/css/editor.css background for body section
Code: Select all
body {
   background: #fff;// this one
   font-family: Tahoma,Helvetica,Arial,sans-serif;
   line-height: 1.3em;
   font-size: 76%;
   color: #333;
}
User avatar

GK User
Mon Feb 28, 2011 7:28 am
Sorry, but the background is not white (#fff) as you can see. It seems to be an image like the background image used on site at the bottom.
Do you have a solution, please?
Thanks.
Jörg.
User avatar
Junior Boarder

Konrad M
Mon Feb 28, 2011 7:32 am
Yes is not.
Go to this file I told you and try to add important rule to background body for white color.
User avatar

GK User
Mon Feb 28, 2011 7:41 am
I tried this but didn't help unfortunately:
body {
background: #fff !important;
font-family: Tahoma,Helvetica,Arial,sans-serif;
line-height: 1.3em;
font-size: 76%;
color: #333;
}
User avatar
Junior Boarder

Konrad M
Mon Feb 28, 2011 7:49 am
Hmm

Did you install template from quickstart? And did you override some rules in override.css ?
User avatar

GK User
Mon Feb 28, 2011 7:52 am
No, I didn't install from quickstart and this is override css:

/*
#------------------------------------------------------------------------
# Coffe - #1 2011 template (for Joomla 1.5)
#
# Copyright (C) 2007-2010 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: [email protected]
#------------------------------------------------------------------------
# Based on T3 Framework
#------------------------------------------------------------------------
# Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - GNU/GPL, http://www.gnu.org/copyleft/gpl.html
# Author: J.O.O.M Solutions Co., Ltd
# Websites: http://www.joomlart.com - http://www.joomlancers.com
#------------------------------------------------------------------------
*/

/* HERE YOU CAN PUT YOUR OWN CSS RULES */
.article-meta.blog {
margin-left:5px;
}
#gk-top>span {background-image: none!important}
User avatar
Junior Boarder

Konrad M
Mon Feb 28, 2011 8:24 am
Try download template again and update files.
User avatar

GK User
Mon Feb 28, 2011 8:51 am
Redoing all formatting? There must be a better solution. As it is an image how can I find the url? It is not possible with Firebug. Then maybe I could replace it.
User avatar
Junior Boarder

GK User
Mon Feb 28, 2011 9:31 am
I did reinstall the template but this didn't work either. Any other suggestion?
User avatar
Junior Boarder

Konrad M
Mon Feb 28, 2011 9:33 am
Hm...
Check if javascript file load css for tiny editor correctly.
User avatar

GK User
Mon Feb 28, 2011 9:41 am
What file do I have to check therefore? For what have I to looking for?
User avatar
Junior Boarder

GK User
Mon Feb 28, 2011 9:47 am
I found a solution in the JCE configuration - turning off to use template css. That helped.
User avatar
Junior Boarder

GK User
Thu Mar 03, 2011 3:28 am
Hi everyone.

Unsatisfied with turning the css off, and losing my better preview, I digged a little deeper.

Just know that this is not a "problem" at all, in fact I like the editor to have the site background showing, as it helps me to style better the content. But if you change the background of the page, like me, and the change doesn't reflect on the editor, just change the way I did. I will look at other GK templates that can be "affected by the same problem" (as I remember, Black and White, a template I use a lot as base for my custom works, have the same problem. I will fix all my sites now).

It seems that your actual body background is controlled ultimately by style1.css. It overrides every other background body statement. But the JCE editor will use only the background stated on the template.css file, no matter what other files have ultimate control of the appearance on the frontend.

So, just change the background statement in line 20 of the template.css, and state your actual frontend background on the style1.css in line 22.

Important note: I have changed the entire background of this custom page I'm doing, removing the dual colors in favor of a unique background (and a different header bg, by the way). If you want to keep dual colors (because the body bg is showing through on the bottom-wrap div), just add a background statement to the corresponding div, or add another div under "bottom-wrap" and style it accordingly, your choice.

I hope this helps.

Jonathan Roza
www.zott.com.br
User avatar
Fresh Boarder


cron