Forum Index >  glFusion >  Theme Support New Topic Post Reply
 fckeditor background
   |  Printable Version
By: Goofy (offline)  Mar 09 2010 04:34 am (Read 2691 times)  
Goofy

Can you tell me where to change the background in fckeditor.
You can see on this site under Kontakt that the main background color #000000 does show in the editor textarea and its the same color as the text.
eurotour5000.dk/cms/profiles.php?uid=2

Thanks
Goofy

Thanks
Goofy


Forum Chatty
Chatty

Group Comfort
Level:
: +1

Registered: 02/24/10
Posts: 40
Location: Denmark

Profile Email Website  
  Quote
By: Geiss (offline)  Mar 09 2010 09:02 am  
Geiss

Have a look in public_html/fckeditor/editor/css/fck_editorarea.css. You'll want to adjust the body selector below to your liking:

PHP Formatted Code
body
{
        background-color: #ffffff;
        padding: 5px 5px 5px 5px;
        margin: 0px;
}



Make sure to clear your browser cache. Wink

Thx!

Eric


Forum Active Member
Active Member

Group Comfort
Level:
: +58

Registered: 02/15/07
Posts: 2097
Location: Boise, Idaho

Profile Email Website  
  Quote
By: Mark (offline)  Mar 09 2010 09:05 am  
Mark

The editor's colors are inherited form the body style. Try this in your style.css and let's see if makes a difference:

PHP Formatted Code

body {
background:#FF0000;
font:76% arial,verdana,tahoma,helvetica,sans-serif;
text-align:left;
margin:0;
padding:0;
color: #FFFFFF !important;/*UKJ HVID TEKST*/
}
 


Notice I added the !important after the color:#FFFFF

One thing I've noticed when trying to adjust the FCKeditor styles, it really likes to cache stuff. So, after making the change, go into glFusion's Command & Control and select Clear Cache. Then, clear your browsers cache and restart the browser to ensure it is loading everything new.

Let me know if this helps.

Thanks!
Mark

Forum Admin
Admin

Group Comfort
Level:
: +111

Registered: 10/21/05
Posts: 6369
Location: The Great State of
Texas

Profile      
  Quote
By: Goofy (offline)  Mar 09 2010 09:29 am  
Goofy

Hi and thanks,

I got it here :-)


\fckeditor\fckconfig.js

FCKConfig.EditorAreaStyles = 'body { color:#000;margin-bottom:30px;}

Change to:

FCKConfig.EditorAreaStyles = 'body { background-color:#ffffff; color:#000;margin-bottom:30px;}

Thanks
Goofy

Thanks
Goofy


Forum Chatty
Chatty

Group Comfort
Level:
: +1

Registered: 02/24/10
Posts: 40
Location: Denmark

Profile Email Website  
  Quote
By: Ero (offline)  Mar 10 2010 12:44 pm  
Ero

Hmmm how to solve this (see image).

These are the changes I´ve made to the style.css (I´ll be happy to get the correct answer where to put this to skip !important witch I think is the problem here)

style.css

PHP Formatted Code
body {
background:#red;
font:76% arial,verdana,tahoma,helvetica,sans-serif;
text-align:left;
margin:0;
padding:0;
}
 
   To:
 
body {
background-color:black !important;
background:url(layout/fESTIHOUSe/images/bg.png) 0 0 !important;
background-repeat:repeat-x !important;
background-attachment:fixed !important;
background-position:top !important;
font:76% arial,verdana,tahoma,helvetica,sans-serif;
text-align:left;
margin:0;
padding:0;
}



Know I can put all the background info on one row, want it like this for now for a better overview Smile

Forum Regular Member
Regular Member

Group Comfort
Level:
: +3

Registered: 09/09/09
Posts: 108
Location: Sweden

Profile Email Website  
  Quote
By: Mark (offline)  Mar 10 2010 12:48 pm  
Mark

Just to make sure I understand what you want to accomplish....You want to have an image as the page background, but have a standard white background with black text for the editor?

Thanks!
Mark

Forum Admin
Admin

Group Comfort
Level:
: +111

Registered: 10/21/05
Posts: 6369
Location: The Great State of
Texas

Profile      
  Quote
By: Ero (offline)  Mar 10 2010 13:26 pm  
Ero

Exactly! Smile

Forum Regular Member
Regular Member

Group Comfort
Level:
: +3

Registered: 09/09/09
Posts: 108
Location: Sweden

Profile Email Website  
  Quote
By: Mark (offline)  Mar 10 2010 13:34 pm  
Mark

What I would do is this:

Create a custom htmlheader.thtml template and specify your background image there on the body tag:

HTML Formatted Code

<body style="background:url({site_url}/ayout/fESTIHOUSe/images/bg.png) 0 0;">
 


Change your style.css back to the default settings and I think you should be good to go.

Thanks!
Mark

Forum Admin
Admin

Group Comfort
Level:
: +111

Registered: 10/21/05
Posts: 6369
Location: The Great State of
Texas

Profile      
  Quote
By: Ero (offline)  Mar 10 2010 13:51 pm  
Ero

Worked like a charm! Thanks alot!

Just a notice; You forgot the l in layout

PHP Formatted Code
<body style="background:url({site_url}/layout/fESTIHOUSe/images/bg.png) 0 0;">



If someone else want to fix this Smile

This is my code for all the above:

PHP Formatted Code
<body dir="{direction}" style="background:url({site_url}/layout/fESTIHOUSe/images/bg.png) repeat-x fixed top;">



I creating a "new" theme base on novaeu, so there is no need for custom for me Smile

If you got Skype I would like to add you Smile My screeen name is "Dannan" or what you call it Smile

Forum Regular Member
Regular Member

Group Comfort
Level:
: +3

Registered: 09/09/09
Posts: 108
Location: Sweden

Profile Email Website  
  Quote
New Topic Post Reply


 All times are CST. The time is now 02:54 pm.
Normal Topic Normal Topic
Locked Topic Locked Topic
Sticky Topic Sticky Topic
New Post New Post
Sticky Topic w/ New Post Sticky Topic w/ New Post
Locked Topic w/ New Post Locked Topic w/ New Post
View Anonymous Posts 
Able to Post 
HTML Allowed 
Censored Content