Centrar plantilla Ja Lime  

 
Juan
 Juan
Reputable Member

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.

Citar
Respondido : 22/08/2011 2:31 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 22/08/2011 3:04 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Juan
 Juan
Reputable Member

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

ResponderCitar
Respondido : 22/08/2011 4:09 pm
Jhon
 Jhon
Soporte CMS Webempresa 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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 22/08/2011 5:46 pm

Cursos Gratuitos WordPress

Ramón
 Ramón
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

ResponderCitar
Respondido : 22/08/2011 9:23 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Ramón,

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

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 22/08/2011 10:35 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Ramón
 Ramón
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

ResponderCitar
Respondido : 23/08/2011 7:36 am
Pablo Velasco
 Pablo Velasco
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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 23/08/2011 9:53 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Juan
 Juan
Reputable Member

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.

ResponderCitar
Respondido : 23/08/2011 5:40 pm
Jhon
 Jhon
Soporte CMS Webempresa 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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 23/08/2011 6:54 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Ramón
 Ramón
Reputable Member

Hola:

¡¡ Solucionado !! :woohoo:

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

Muchas gracias a todos.

Saludos

ResponderCitar
Respondido : 23/08/2011 8:07 pm

Por favor Iniciar Sesión o Registro