Centrar plantilla Ja Lime  

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

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

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.

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

Hola Ramón,

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

Saludos

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

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.

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.

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.

Hola:

¡¡ Solucionado !! :woohoo:

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

Muchas gracias a todos.

Saludos