Centrar logo

Hola Luis,

Gracias por tu aportación, estoy haciendo pruebas en el template.css, si uno es cuidadoso no se tiene porque estropear nada, modifico y después veo como queda, siempre apunto los cambios y los retrocedo si no son lo que yo quiero, esto me ayuda aprender.

Tu te refieres a cambios en que archivos?, en un archivo html?, cual seria?, en el indexx.html?, porque lo hago con el firebug y no me cambia nada.

Gracias de antemano y un Saludo.

Miquel

Hola Miquel

Una manera práctica de hacerlo es simulando un centrado, es decir aumentarías el margin-left, y si quieres que las imágenes de las banderas se desplacen aumentarías el ancho.

Todo esto bajo el estilo de la etiqueta h1#gklogo, utiliza el firebug, localiza el archivo template.css, revisa la siguiente imagen adjunta de referencia.

Para aprender sobre firebug revisa :

Saludos

Hola Miquel,

Ante todo decirte que es correcta tu forma de proceder, realizando copias, anotando cambios 🙂 eso es siempre garantía de poder volver atrás en caso de problemas.

El cambio que te indique debes realizarlo en el archivo de la plantilla y la manera más rápida para no volverte loco es editando el código de la misma desde el Gestor de Plantillas del backend de Joomla según te indico en captura.

Supongamos que tu plantilla es gk_boutique (por ejemplo):

En la ventana de código que se abre "Editar archivo "index.php" en plantilla..." es donde debes localizar la etiqueta html <img...... indicada en mi anterior captura.

Indicanos la plantilla exacta que usas y te digo el archivo exacto a localizar.

Saludos

Gracias Luis,

Es un gustazo colaborar con vosotros, cada día aprendo mas... La plantilla que utilizo es la gk_music.

Un Saludo,

Miquel

Hola Miquel,

El código del archivo /templates/gk_music/component.php (línea 57 aproximadamente) que actualmente veras como:

		<img src="params->get('print_logo') != '') ? $this->params->get('print_logo') : JURI::base().'templates/'.$this->template.'/images/logo.png'; ?>" alt="Logo" />

Puedes centrarlo de forma rápida añadiendo la etiqueta :

<img src="params->get('logo') != '') ? $this->params->get('print_logo') : JURI::base().'templates/'.$this->template.'/images/print_logo.png'; ?>" alt="Logo" />

Si esto no resuelve, lo ideal seria modificar el archivo /css/template.css y en la clase:

/* Logo  */
h1#gkLogo {
	float: left;
	margin: 22px 0 18px 0;
	position: relative;
}

Dejarlo como:

/* Logo  */
h1#gkLogo {
	float: left;
        display: block;
	margin: 22px auto 18px auto;
	position: relative;
}

Hay soluciones más elaboradas, pero dependerán siempre de tu caso particular. No puedo extenderme en explicaciones sobre CSS, HTML, PHP ya que no damos soporte sobre CSS y programación a través del Foro. Apenas son unas pinceladas para que sepas por donde toquetear.

No olvides realizar una copia de seguridad del archivo antes de proceder con los cambios.

Saludos

Hola a todos,

Gracias por vuestro empeño en ayudarme, ya lo he solucionado, la opcion que me fue mejor, fue la de jhon, pero repito, gracias a todos por vuestra colaboracion. Doy el tema por zanjado y solucionado.

Un Saludo,

Miquel