I have a base theme that I made a subtheme from. I used a local.css in my subtheme to override styles from the basetheme's style.css.

TinyMCE is not picking up my local.css styles. I entered the direct path from html root to my local.cc and also the direct path for the styles.css however only the styles.css gets called into TinyMCE.

I am stumped. Here is the line I enter into the field.
/themes/acquia/acquia_slate/style.css,/sites/windwalkerexpeditions.com/themes/windwalker_slate/local.css

I even called the local.css file externally - http://dev.windwalkerexpeditions.com/sites/windwalkerexpeditions.com/the... - and it would not bring it in.

What am I doing wrong? I have quadruple checked that the "define css" dropdown is selected but all I can think of is that it is still bringing in my themes styles as if the "define css" is not selected.

Comments

twod’s picture

Hmm, that should work. When "Define CSS" is selected, the value in the box below is inserted into the "content_css" property in the TinyMCE configuration: http://wiki.moxiecode.com/index.php/TinyMCE:Configuration/content_css

elijah lynn’s picture

Thanks for that. I looked at source and it says it is calling for it in the head of the MCE iframe. Just none of my overridden styles are reflecting in the window. When I hit save everything works great.

So, I know for sure it is calling it now but not sure if is actually getting in there.

elijah lynn’s picture

I am thinking that maybe it doesn't know which one is lower on the cascade.

elijah lynn’s picture

I just checked dblog and I am getting a ton of 404 errors for my local.css.

It is looking for http://dev.windwalkerexpeditions.com/sites/windwalkerexpeditions.com/the...

Notice the theme subfolder listed twice. I am not sure why since I just double checked the settings in WYSIWYG and verified it is only listed once in the path.

Any ideas?

elijah lynn’s picture

Ok, I just changed:

/sites/windwalkerexpeditions.com/themes/windwalker_slate/local.css

to

/sites/windwalkerexpeditions.com/themes/local.css and it appears to be looking for the right file now but it doesn't look like it is affecting the TinyMCE body. When I go to the local.css file in the CSS tab in Firebug and make changes nothing happens.

twod’s picture

If you change something radical in the local.css file, like setting the bgcolor of all p tags to red, clear both Drupal and browser caches. Then does anything at all happen in the editor?

sun’s picture

Status: Active » Fixed

You should use the provided placeholders %b and %t, and follow the provided examples in the form element description:

%b%t/local.css

loads local.css from within your theme. Use %b/sites/wind.../themes/local.css to load the file from that path.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

elijah lynn’s picture

Hi Sun,

Thanks for your help. I am still unable to get this working. I posted a $20 bounty if you or anyone else would like to help me nail this. I hope it is juts me doing something wrong. Either way I need to get this figured out now as I have some other people needing to edit the site.

Here is the bounty link. http://drupal.org/node/633052

Alex Andrascu’s picture

Have you fix that allready? I'm pretty sure i can help you :)

elijah lynn’s picture

@alex - I have one other fellow working on it at the moment. If he can't get it I may contact you.

Thanks

elijah lynn’s picture

This issue has finally been resolved. See http://drupal.org/node/633052#comment-2485894