Página 1 de 1

Centrar imagen en extension Fade Header

Publicado: 06 Ago 2016, 16:40
por ahh72
Holas, he instalado esta extension en el foro y como pueden ver la imagen en el header sale como tipo mosaico, hay forma de poder centrar la imagen y que se ajuste al header?

Saludos y gracias de antemano

Re: Centrar imagen en extension Fade Header

Publicado: 06 Ago 2016, 22:20
por xc70
No entiendo, yo la veo correctamente. Es del ancho del foro, lo único que cuando haces más pequeña la ventana se va deformando porque mantiene la altura y todo se va estrechando hasta que desaparece para la versión móvil.

Re: Centrar imagen en extension Fade Header  Tema Solucionado

Publicado: 07 Ago 2016, 00:02
por ahh72
perdon por no responder antes se me paso, quite esta extension y la cambie por el site logo que se adapta mucho mejor :lol:

saludos y gracias por responder

Re: Centrar imagen en extension Fade Header

Publicado: 07 Ago 2016, 13:13
por xc70
El mirado tu código y te recomiendo añadir el siguiente estilo para que no se te deforme y se te escale según el ancho de la pantalla:

#logo img {
height: 100% !important;
}

Saludos

Re: Centrar imagen en extension Fade Header

Publicado: 08 Ago 2016, 14:39
por ahh72
Holas, siento la demora estaba reinstalando mi pc, donde se supone que debo hacer esa modificacion? como te comente antes desinstale esta extension y ahora tengo instalado el Site Logo, que va mucho mejor con lo que yo deseo.

El cambio que indicas se hace en mi estilo o tengo que retocar algo del codigo de esta extension?

Saludos y gracias

Re: Centrar imagen en extension Fade Header

Publicado: 08 Ago 2016, 20:42
por ThE KuKa
xc70 escribió:El mirado tu código y te recomiendo añadir el siguiente estilo para que no se te deforme y se te escale según el ancho de la pantalla:

#logo img {
height: 100% !important;
}

Saludos
Buen comentario, yo cambiaría el padding también...

Abre el archivo /styles/prosilver/theme/common.css (línea 206).

BUSCAR:

Código: Seleccionar todo

.logo {
	float: left;
	width: auto;
	padding: 10px 13px 0 10px;
}
REEMPLAZAR POR:

Código: Seleccionar todo

.logo {
	float: left;
	height: 100% !important;
	width: auto;
	padding: 0px 10px 0 10px;
}
Limpia caché general del foro tras realizar este cambio, y pulsa CTRL+F5

Saludos.

Re: Centrar imagen en extension Fade Header

Publicado: 08 Ago 2016, 21:55
por ahh72
ya hice los cambios pero no veo ninguna diferencia a menos que me este volviendo ciego :?:

recordar que esta extension ya la quite y ahora estoy usando la extension site logo

gracias