Cambiar Color De Fondo Del Editor Mce

[Carlos Molina]

Buen día Foro.

 

De antemano les deseo un muy prospero año a todo el foro y a la gente de prestashop.

 

Este es mi problema.

 

El color de la fuente de la tienda es blanco y cuando intentamos editar algo, no se ve, justamente porque hereda el color de la letra. He editado el global.css de la plantilla usada, pero nada.....

 

Por favor alguien que me ayude con esto, ya que es muy fastidioso editar adivinando. Me imagino que se podra o cambiar el color del fondo a negro o el color de la letra a negro. Como se hace?

 

Por su ayuda, Muchas gracias

[4webs.es]

La hoja de estilos que contrala el editor es ui.css, pero mucho me temo que tendrás que editar también el archivo desde donde das de alta los producotos o otro externo , ya que escribe con javascript en función del color que tenga tu tienda de fondo...

[Carlos Molina]

Creo que tienes razon... porque he hecho de todo lo que encuentro en google.. pero nada...

entre ellos este que se adiciona al global.css

 

body#tinymce {background: #ffffff !important; color: #000 !important;}

 

 

Nadie lo ha podido cambiar o por lo menos cambiar el skin del tinymce...?

 

Gracias

[Carlos Molina]

En este foro dicen que lo solucionan.. pero no me funciona...

 

http://www.prestashop.com/forums/topic/98548-background-problem-solved/

[Carlos Molina]

Alguien ha podido solucionar este problema..?

 

Gracias

[cyberespia]

Carai tengo el mismo problema tengo q seleccionar el texto para poder ver algo.

[cyberespia]

Pues lo que sugieren poner en global.css:

body#tinymce {background: #ffffff !important; color: #000 !important;}

Me ha funcionado en PrestaShop™ 1.4.6.2

[Carlos Molina]

Pues lo que sugieren poner en global.css:

body#tinymce {background: #ffffff !important; color: #000 !important;}

Me ha funcionado en PrestaShop™ 1.4.6.2

 

Hombre tengo la misma version de prestahsop, pero no he podido hacer que me funcione... explicame un poco mas como lo hiciste,,...? exactamente en que archivo..? y en que parte... Gracias

[Carlos Molina]

Ya... no se que pasaba,,, pero ni siquiera compilando y sin cache, funcionaba.... lo deje así, y lo revise al otro día y funciono.... Me imagino que sera el cache del navegador.

 

Gracias a Dios y al Foro.

 

Feliz día

[Carlos Molina]

Ya..... por fin...

 

El color del fondo esta especificado en este archivo:

 

..../js/tiny_mce/themes/advanced/skins/cirkuit/content.css

 

Cambie todos los background que estaban en fff, a 000, (para que el fondo quede negro, asumiendo que el texto es blanco) quedando algo asi:

 

/*body, td, pre {color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin:8px;}
body {background:#000;}
body.mceForceColors {background:#000; color:#000;}
h1 {font-size: 2em}
h2 {font-size: 1.5em}
h3 {font-size: 1.17em}
h4 {font-size: 1em}
h5 {font-size: .83em}
h6 {font-size: .75em}
.mceItemTable, .mceItemTable td, .mceItemTable th, .mceItemTable caption, .mceItemVisualAid {border: 1px dashed #BBB;}
a.mceItemAnchor {display:inline-block; width:11px !important; height:11px  !important; background:url(img/items.gif) no-repeat 0 0;}
td.mceSelected, th.mceSelected {background-color:#3399ff !important}
img {border:0;}
table {cursor:default}
table td, table th {cursor:text}
ins {border-bottom:1px solid green; text-decoration: none; color:green}
del {color:red; text-decoration:line-through}
cite {border-bottom:1px dashed blue}
acronym {border-bottom:1px dotted #CCC; cursor:help}
abbr {border-bottom:1px dashed #CCC; cursor:help}
* html body {
scrollbar-3dlight-color:#F0F0EE;
scrollbar-arrow-color:#676662;
scrollbar-base-color:#F0F0EE;
scrollbar-darkshadow-color:#DDD;
scrollbar-face-color:#E0E0DD;
scrollbar-highlight-color:#F0F0EE;
scrollbar-shadow-color:#F0F0EE;
scrollbar-track-color:#F5F5F5;
}
img:-moz-broken {-moz-force-broken-image-icon:1; width:24px; height:24px}
font[face=mceinline] {font-family:inherit !important}*/
body, td, pre {color:#000; font: 12px/1.5em "Lucida Grande", Helvetica, Arial, sans-serif; margin:8px;}
html,body {padding: 0 !important; margin: 0 !important; background:#000 !important;}
body {height: 94% !important; padding: 0 !important;}
body.mceForceColors {background:#000; color:#000;}
h1 {font-size: 2em}
h2 {font-size: 1.5em}
h3 {font-size: 1.17em}
h4 {font-size: 1em}
h5 {font-size: .83em}
h6 {font-size: .75em}
.mceItemTable, .mceItemTable td, .mceItemTable th, .mceItemTable caption, .mceItemVisualAid {border: 1px dashed #BBB;}
a.mceItemAnchor {width:12px; line-height:6px; overflow:hidden; padding-left:12px; background:url(img/items.gif) no-repeat bottom left;}
img.mceItemAnchor {width:12px; height:12px; background:url(img/items.gif) no-repeat;}
img {border:0;}
table {cursor:default}
table td, table th {cursor:text}
ins {border-bottom:1px solid green; text-decoration: none; color:green}
del {color:red; text-decoration:line-through}
cite {border-bottom:1px dashed blue}
acronym {border-bottom:1px dotted #CCC; cursor:help}
abbr, html\:abbr {border-bottom:1px dashed #CCC; cursor:help}
* html body {
scrollbar-3dlight-color:#F0F0EE;
scrollbar-arrow-color:#676662;
scrollbar-base-color:#F0F0EE;
scrollbar-darkshadow-color:#DDD;
scrollbar-face-color:#E0E0DD;
scrollbar-highlight-color:#F0F0EE;
scrollbar-shadow-color:#F0F0EE;
scrollbar-track-color:#F5F5F5;
}
/* TinyMCE specific rules */
body.mceContentBody {
  background: #000;
}

[PSBarcelona]

La directiva #tinymce {background: #ffffff !important; color: #000 !important;} también funciona si se añade al admin.css que hay en el directorio de administración de Prestashop, sobre la plantilla que uses en el administrador.