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
Comment #1
twodHmm, 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
Comment #2
elijah lynnThanks 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.
Comment #3
elijah lynnI am thinking that maybe it doesn't know which one is lower on the cascade.
Comment #4
elijah lynnI 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?
Comment #5
elijah lynnOk, I just changed:
/sites/windwalkerexpeditions.com/themes/windwalker_slate/local.cssto
/sites/windwalkerexpeditions.com/themes/local.cssand 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.Comment #6
twodIf 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?
Comment #7
sunYou should use the provided placeholders %b and %t, and follow the provided examples in the form element description:
loads local.css from within your theme. Use %b/sites/wind.../themes/local.css to load the file from that path.
Comment #9
elijah lynnHi 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
Comment #10
Alex Andrascu commentedHave you fix that allready? I'm pretty sure i can help you :)
Comment #11
elijah lynn@alex - I have one other fellow working on it at the moment. If he can't get it I may contact you.
Thanks
Comment #12
elijah lynnThis issue has finally been resolved. See http://drupal.org/node/633052#comment-2485894