Problem with textarea backroung in back-office

[cerovic]

Hi.

 

I can not solve one problem.

 

The backgroung of front-office side is also load to textarea in back-office, for example: product description, CMS - Website content ... and since the backroung is dark, it makes text unradible. See picture.

 

I tried everitink I knew, but no succes. When I completely erase file:

js/tinymce/jscripts/tiny_mce/themes/advanced/editor_template.js - the problem is solved but tinymce scrript is not funcional completely.

 

The problem shold be that the timince script load my global.css for fornt-office, but I am not sure. See code:

 

<script type="text/javascript" src="/js/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
   <script type="text/javascript">
 tinyMCE.init({
  mode : "textareas",
  theme : "advanced",
  plugins : "safari,pagebreak,style,layer,table,advimage,advlink,inlinepopups,media,searchreplace,contextmenu,paste,directionality,fullscreen",
  // Theme options
  theme_advanced_buttons1 : "newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
  theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,,|,forecolor,backcolor",
  theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,media,|,ltr,rtl,|,fullscreen",
  theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,pagebreak",
  theme_advanced_toolbar_location : "top",
  theme_advanced_toolbar_align : "left",
  theme_advanced_statusbar_location : "bottom",
  theme_advanced_resizing : false,
  content_css : "/themes/cero_presta/css/global.css",
  document_base_url : "/",
  width: "600",
  height: "auto",
  font_size_style_values : "8pt, 10pt, 12pt, 14pt, 18pt, 24pt, 36pt",
  elements : "nourlconvert,ajaxfilemanager",
  file_browser_callback : "ajaxfilemanager",
  entity_encoding: "raw",
  convert_urls : false,
  language : "en"
 });

 

Please, somebody any Ideal?

[Prescol]

Open your BO in chrome, right click over the text in textarea, and click "inspect". You´ll see the css styles that are aplied to all the elements, and the file where they are. Search the text css and change it to your need.

 

Hope it helps

[cerovic]

Thank, but I do not have problems to identify which css file apllies this background. It is global.css of my theme. This is not problem of CSS but prbolme of Javascript which takes the background from global.css (code content_css : "/themes/cero_presta/css/global.css",), see all code above. I dot know why nobody else have same problems.

[Mike Kranzler]

Hi cerkoxxl,

This certainly should not be happening on your site, but Prescol's suggestion should help you resolve this. What theme are you using, exactly? I'd be curious to look into it further for you, as I've never seen this before but haven't had issues changing that background color in the past when requested by users.

 

-Mike

[cerovic]

I and not infront of my PC, I am just writing form my phone, so when I come home, I will write you the theme name. Thanks.

[cerovic]

So the theme is Matrice see http://kamel.kelkoul.free.fr/matrice/. When I disallow scripts in Firefox, the textarea is OK. But the scripts are in module folder and the background theme is also separate, so I do not see any conection to textarea features in back-office.

However, wneh I changed the front-office theme to default one, the textera is OK. So?

[Mike Kranzler]

So the theme is Matrice see http://kamel.kelkoul.free.fr/matrice/. When I disallow scripts in Firefox, the textarea is OK. But the scripts are in module folder and the background theme is also separate, so I do not see any conection to textarea features in back-office.

However, wneh I changed the front-office theme to default one, the textera is OK. So?

 

That's certainly very strange, and I've honestly never seen this before. In this situation, I have two recommendations for you:

 

1. Try changing it manually around line 264 of your global.css file to

.mceContentBody {
text-align: left;
background: white;
color: black

 

2. Try contacting the developer directly, either on his website or here on the forums.

 

I hope this helps.

 

-Mike

[cerovic]

Thanks for your time, but there is not such a code in globa.css. I checked also the origin one, but no such a code. So I will folow you second recommendation and ask the developer. Thanks.