Buenas tardes. Actualmente me encuentro editando el logo de mi web: www.voluntariadoalcores.org. Sin embargo, no consigo hacerlo de forma efectiva. He seguido las instrucciones de los tutoriales. He subido el logo a la dirección templates/images. He cambiado el nombre el nuevo logo y he cambiado la ruta con este nuevo nombre en el archivo CSS del template. Pero pese a ello, no consigo el cambio adecuado. Me pueden indicar qué me falta o qué estoy haciendo mal. Gracias. Saludos.
Hola Juan
Para el cambio de tu logo debes tener en cuenta lo siguiente :
- El logo debe tener el tamaño final, es decir veo en tu sitio web que es muy grande y no se ve completo, debes tener un tamaño adecuado, la web no te redimensionara el archivo de imagen.
- En caso desear ajustar el tamaño del logo por defecto debes mover los siguientes estilos : h1.logo a y h1.logo
Saludos.
He consultado a través de tickets pero no he tenido respuesta aún. Los he cambiado en los dos estilos del template pero no consigo resultados. ¿Qué puedo hacer? Antes estaban a 970 px de ancho y los he reducido a 700 pero nada. Me gustaría saber cómo puedo cambiarlo para posteriores veces.
Hola Juan
Tal vez no me he explicado bien, resulta que tu imagen de logo es muy grande, puedes verla aqui
Tiene 2400px de ancho por 410px de alto, (en algunos navegadores cuando vez sólo la imagen lo redimensionan), este tamaño real debe ser reducido al tamaño deseado (900px de ancho por ejemplo), al hacer referencia desde CSS con los estilos anteriores no te hará el redimensionamiento.
Saludos.
He subido otro logo con 900 px de ancho. He cambiado la ruta del CSS del template. Pero es que no cambia el logo que está de principal. Haga lo que haga, no se cambia. ¿Qué puedo hacer?
Hola Juan,
No se que hoja de estilos has modificado pero la que debes modificar para que el logo ocupe el ancho correctamente es http://www.voluntariadoalcores.org/templates/ja_lime/css/template.css, en la línea 1124.
h1.logo a { background: url("../images/logo.gif") no-repeat scroll left center transparent; display: block; height: 152px; width: 700px; }
Lo tienes en 700px y ahí debes aumentarlo a 900 o 960px según corresponda.
Saludos
Esa es la hoja de estilos que he modificado. He vuelto a poner 900px pero el problema es que no desparece el logo inicial que muestra la web. Parece que existe otro lugar donde está puesto y no se ha cambiado. La hojas de estilo está cambiada y la ruta hace referencia a logo.gif que es el último logo que he subido. No sé qué pasa. Saludos.
Ahora se consigue ver algo pero aún no está como queremos. He subido otro más pequeño 190 x 700 px con el nombre de logo.gif. He modificado a esas mismas proporciones el width del css de la template. He limpiado la caché y6 he purgado la caché expirada. Pero no consigo ver los cambios. ¿Por qué parece que no funcionan estas acciones?
Utilizo el Firefox 5 y el Internet Explorer 9. Tardo mucho en percatarme de los cambios. En firefox por ejemplo, ni los veo. ¿Alguna solución para esto?
Hola Juan,
Revisa que en Configuración Global, Sistema, Configuración de caché, no tengas habilitado nada para que no retarde los cambios, al cachearlos.
Otra solución también, además es instalar el módulo/plugin Cache Cleaner para desde el backend, una vez hechos cambios, limpies haciendo clic en dicho icono y se vacíe la caché para que veas os contenidos actuales y no los cacheados.
- Cache Cleaner: http://extensions.joomla.org/extensions/site-management/cache/9495
Aquí explico en detalle el funcionamiento:
Saludos
El problema radicaba en la caché. Estableciendo en el nuevo logo el mismo nombre que en la hoja de estilos CSS /images/log.gif y adecuando el ancho y el alto en la CSS de la plantilla se cambia sin problemas. Además, añadiendo en h1.logo a , un margen (margin-left:55px, por ejemplo), consigues centrar el logo más o menos, como se prefiera. Doy por solucionado este asunto. Muchas gracias. Saludos.