When using FCKeditor with this theme, the large background image at the top of the page turns up in every text field that has FCKeditor turned on.

Comments

Sungsit’s picture

Sungsit commented

This may help -> http://drupal.org/node/394864#comment-1332418
but let me know if it does not work for you.

ngaur’s picture

ngaur commented

Thanks for that, IT put me on the right track, even though It's not usable as is. In the iframe that FCKeditor creates, it doesn't provide a convenient id or class to hang the css on, so I approached things the other way round. I've added an extra class name to the page body in page.tpl.php:

  <body class="XXX <?php print $body_classes ?>">

(I'm actually using my own derivative of your theme, so my class name's not helpful).

I've then modified the file I derived from your css/colourise.css:

body {
  color: #aaa;
  background: #070707 center top no-repeat;
}

body.XXX {
  background: #070707 url(../images/bg.jpg) center top no-repeat;
}

This works for me, and would presumably also work for other editors and for any other iframes people might want to use while still using your css. Ie it's a more general fix than the one you pointed me to.

Sungsit’s picture

Sungsit commented
Status: Active » Closed (fixed)

Fixed in Colourise-6.x-2.1.

glen201’s picture

glen201 commented
Component: User interface » Code
Category: bug » feature
Status: Closed (fixed) » Needs work

Thanks to ngaur for this which helped me to set up colourise with different bg.jpg images.

Use the body in CSS as above for setting up the background image also allows you to specify different backgrounds based upon different pages. For example, in page-taxonomy.tpl.php copied from page-tpl.php, to change the background image for all pages that are based on taxonomy lookups, simply changing the body class from "colourise" to "taxonomy" and then reference a different body.taxonomy CSS entry with a background image for that page.

body {
  color: #aaa;
  background: #070707;
}

body.colourise {
  background: #070707 url(../images/bg.jpg) center top no-repeat;
}

body.taxonomy {
  background: #070707 url(../images/bg-taxonomy.jpg) center top no-repeat;
}

Enjoy.
-- glen

ShutterFreak’s picture

ShutterFreak commented

Subscribing - very interesting approach!

This might provide me the answer to the multiple headers I want to configure on my site depending on the content.