Avisos
Vaciar todo
Hola, andaba buscando información de cómo se configura el parámetro de JCE para aplicar un estilo personalizado a un artículo ya que esto lo quiero hacer para programar las queries y me posicione bien los elementos de un artículo en dispositivos móviles. He leído un post de una tal Rosa en la que se lo explicáis más o menos pero yo he hecho lo siguiente:
1. Me he creado un archivo css que se llama personalizado.css y esto lo he subido a través del componente extplorer
2. He ido al componente JCE y en la configuración global -> Estilos del Editor -> personalizado y en archivo personalizado he puesto la siguiente ruta: templates/$encelado/css-compiled/personalizado.css
Cuando voy al artículo para ver si me aparecen estilos, ahí no me aparece nada. Adjunto dos capturas
URL del sitio: Contenido solo visible a usuarios registrados
Respondido : 17/05/2016 6:45 pm
Hola
Usa esta ruta :
/templates/encelado/css-compiled/personalizado.css
Con un / delante y quitando el signo dolar del nombre del template
Prueba con un estilo de cambio de colro del texto y verifica si te funciona.
Saludos.
Respondido : 17/05/2016 7:36 pm
Hola Jhon, funciona pero no estoy seguro si del todo bien, puesto que, yo he metido este código:
.parrafo2
{
color:yellow;
}
Esto que pongo funciona pero sin embargo si hago esto:
@media only screen and (max-width: 480px)
{
.parrafo
{
margin-left:0px;
text-align:justify;
}
}
No funciona, ¿puedes decirme por qué?
Respondido : 17/05/2016 9:32 pm
Hola
La pregunta sería por que usas una sentencia de @media en este archivo
La idea de tener un archivo .css para el editor JCE es que sólo veas temas de colores, tipos de letra y estilos aplicados al texto.
Si quieres cambiar la estructura o hacer qeu funcione de otra forma en modo responsive mejor colcoa este código en otro archivo .css , ten en cuenta que este archivo que has creado además no esta siendo cargado en el front-end del sitio por lo que los estilos solo lo estas visualizando para JCE, tendrías que hacer qeu tu tempalte cargue este archivo de esta manera verás lo mismo que se muestra en JCE en el front-end del sitio.
Veo que estas usando un template basado en el framework gantry, en tal caso mejor usa un archivo personalizado CSS para gantry, y usa este archivo también para cargar en el JCE
https://www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html
En este archvo puesto que no sólo será para JCE si que puedes poner cualquier tipo de código.
Saludos.
Respondido : 17/05/2016 11:22 pm
Hola, ¿podríais indicarme qué archivo hay que tocar para poner una estructura responsive para lo que estoy solicitando?
Respondido : 19/05/2016 10:58 am
Hola Aurelio.
Como te indica mi compañero Jhon, al utilizar una plantilla basada en el framework Gantry, tienes la opción de poder CREAR un archivo para realizar las modificaciones, esto hace que al actualizar los componentes, módulos, estilos, etc, no pierdas las modificaciones echas por la actualización ya que lo tenemos en un archivo independiente, si lo realizáramos directamente en el archivo del componente o modulo al actualizarlo se perdería ya que lo sobreecribiria.
para Crear el archivo revisa lo siguiente:
Agregar archivo CSS personalizado para plantillas Gantry
Este archivo lo puedes utilizar para cualquier estilo que quieras aplicar tanto de la plantilla como de los módulos.
Un saludo
Respondido : 19/05/2016 11:47 am
Hola Pepe, he visto el vídeo y me ha resultado muy útil, no sabía esto y está genial y es muy cómodo. Da el tema por cerrado porque lo he probado y funciona perfecto.
Respondido : 19/05/2016 1:18 pm
