HI,
My experience level
~~~~~~~~~~~~
I'm a newbie as well although have been playing with Drupal for some 6 months now and have a good feel for it's capabilities.

I'm a business analyst and not a developer. I know a little HTML and very basic CSS stuff but no PHP experience.

My issue
~~~~~
I've created a site (Drupal 5.7) and have installed the ubiquity theme. I have also installed TinyMCE that is using the theme's css so that the whole site is consistent.

However, the theme uses a background image and TinyMCE is using that image for the background of the content "body" of say, a page, when it edit mode.

Research
~~~~~~
I searched the FAQ's and all the forums and although I have found some similar issues none of those solutions seemed to work for me.

I tried changing the style.css of the theme (ie:
FROM
body {
background: #efeeea url('images/bodybg.png') repeat-x top center;
}

TO
body {
background-color: #fff;
}

This worked but the theme changed as it was no longer using the image specified in the theme and thus was not a suitable solution.

I figured that I needed to somehow change the theme so that the reference to this body tag was pointing to something else (and thus change the body tag to just have a white background) and have the new tag = to the orginal body tag or alternatively get TinyCME to use some other body tag.

I tried playing around with this but could not get these working at all either.
After spending a couple of days on this, I have not been able to get any closer to a solution.

I've read these issues and some are a little over my head and others did not resolve the issue:
http://drupal.org/node/166236 (this was a little over my head)
http://drupal.org/node/117004 (this solution didn't work but appears to be the same problem as what I am experiencing).

Can anyone assist me in this?

I am sure it is a very simple solution (and a common one) so I am hoping someone could take a quick look and assist me with a solution.

Thank you in advance.

CommentFileSizeAuthor
Image1.png62.54 KBrobs

Comments

Kripsy’s picture

This is because TinyMCE uses your theme's css by default which includes the backgrounds image. What you want to do is go to the TinyMCE Configuration options under Site Configuration and tell it to load a custom css or use the default one. You then simply need to create the custom css and tell TinyMCE where to find it.

pomliane’s picture

Status: Active » Closed (won't fix)

This version of TinyMCE is not supported anymore. The issue is closed for this reason.
Please upgrade to a supported version and feel free to reopen the issue on the new version if applicable.

This issue has been automagically closed by a script.