Centrar plantilla J...
 
Avisos
Vaciar todo

Centrar plantilla Ja Lime

11 Respuestas
5 Usuarios
0 Reactions
3,049 Visitas
 Juan
Respuestas: 297
Reputable Member
Topic starter
 

Buenas. Soy el administrador de www.voluntariadoalcores.org. He observado que la plantilla (JA Lime) instalada en esta web tiene un problema de visualización en los ordenadores que tienen una pantalla con una relación 16:9 (casi panorámica). El problema es que la plantilla se queda fijada a la izquierda y no se centra como ocurre con otras como la JA Iris instalada en http://www.voluntariadoalcores.org/escueladeformacionsefed/. Adjunto una captura de cómo se visualiza la web:

Me gustaría poder centrar la plantilla para que esos ordenadores la vieran centrada. ¿Cómo podría conseguirlo? Saludos y Gracias.


 
Respondido : 22/08/2011 1:31 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

Hola Juan,

Como ya comentamos en otro hilo en el que consultabas sobre esta plantilla, es una plantilla antigua, de 2008 y viene por defecto con esa alineación global del layout:

- http://templates.joomlart.com/ja_lime/index.php

He estado analizándola a fondo y de facto no incluye opciones para centrar el layout por lo que habría que hacer un hack a la misma para centrar toda la plantilla.

Saludos


 
Respondido : 22/08/2011 2:04 pm
 Juan
Respuestas: 297
Reputable Member
Topic starter
 

Y ese hack, ¿en qué consiste? ¿Cómo se podría hacer? Saludos y Gracias.


 
Respondido : 22/08/2011 3:09 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola Juan

En el archivo de estilos de tu template : templates/ja_lime/css/template.css

Busca la clase ja-wrapper y agrega margin y width, el parámetro width puede ser variable y se define para que tenga efecto el centrado, por defecto el template tiene un min-width : 981px.

#ja-wrapper {
    margin: auto;
    overflow: hidden;
    width: 990px;
}

Saludos.


 
Respondido : 22/08/2011 4:46 pm
Ramón
Respuestas: 480
Reputable Member
 

Hola:

Estoy en la misma situación que Juan ( http://www.tintorerias.com/) por eso realice las indicaciones de Jhon, pero los resultados son que con width a 990 px me centra la pagina pero la parte izquierda queda en la forma que muestro en la imagen.

Probé reduciendo esos 990 px hasta los 980 px sin que haya resultados positivos.

Veo que la web de Juan http://www.voluntariadoalcores.org./ queda centrada y los módulos de la derecha están correctamente.

Juan, usaste esos 990 px? o tal vez distes con los pixeles que hacen visionar correctamente tu sitio?

Saludos


 
Respondido : 22/08/2011 8:23 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

Hola Ramón,

Tu web la veo alineada a la izquierda http://www.tintorerias.com/ ¿has realizado el hack que comenta Jhon?.

Saludos


 
Respondido : 22/08/2011 9:35 pm
Ramón
Respuestas: 480
Reputable Member
 

Hola Gnumax:

Efectivamente, esta alineada a la izquierda (como siempre a estado) porque al seguir las indicaciones de Jhon sí se centraba, pero los módulos de la derecha no quedaban correctamente como muestro en la imagen anterior.

Al ver los resultados probando diferentes pixeles, deje la plantilla tal y como estaba originalmente.

viendo el sitio de Juan, compruebo que esta mejor centrado y sin los problemas de que a mi me dan los módulos de la derecha. Tal vez la diferencia este en los pixeles.

Saludos


 
Respondido : 23/08/2011 6:36 am
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Hola Ramón,

He estado revisando el tema. Además de los cambios que te había comentado John tienes que hacer otro más: edita el archivo templates/ja_lime/css/layout.css. En la línea 20 tienes que cambiar

margin: 0 auto 0 55px;

por

margin: 0 auto 0 20px;

Con esto, deberías ver correctamente la plantilla centrada, sin que se corten los módulos de la derecha.


 
Respondido : 23/08/2011 8:53 am
 Juan
Respuestas: 297
Reputable Member
Topic starter
 

He estado observando y en mi sitio la página ahora se ve centrada en los ordenadores de alta resolución de pantalla. Era lo que quería así que muchas gracias.

Respecto al comentario de Ramón, he aplicado los estilos tal y como marca John, sin ningún cambio extra. Espero que haya suerte. Saludos y Gracias.


 
Respondido : 23/08/2011 4:40 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola Ramón

Adicional a lo que te comenta pablo, si tu web se ve recortada es por tiene un ancho mayor a 990px, intenta colocando un ancho de 1035px y con eso ser verá los módulos sin recortarse.

Saludos.


 
Respondido : 23/08/2011 5:54 pm
Ramón
Respuestas: 480
Reputable Member
 

Hola:

¡¡ Solucionado !! :woohoo:

Con las indicaciones extras de Pablo y Jhon, el resultado es el deseado.

Muchas gracias a todos.

Saludos


 
Respondido : 23/08/2011 7:07 pm