Un usuario preguntó 👇
Hola.
Quiero cambiar la visualización del logo. Para mí, el logo es demasiado pequeño. ¿Dónde puedo cambiar eso? No encontré nada en style.css. ¡Gracias por tu ayuda!
saludos Glappi
Autor del tema
(@bensibley)
Hace 2 años, 5 meses
Hola Glappi,
¡Gracias por usar Tracks!
Este CSS permitirá que el logo se muestre mucho más:
.site-title .logo {
max-width: 100% !important;
max-height: 200px !important;
}
Copie y pegue ese código en la sección «CSS adicional» en el Cliente (Apariencia> Personalizar), y entrará en vigencia de inmediato.
También noté que hay mucho espacio en blanco arriba y debajo de la imagen del logo. Es posible que desee ajustar la parte superior para reducir la cantidad de espacio que se muestra alrededor del logotipo.
Lanzador de hilos
(@glappi)
Hace 2 años, 5 meses
Gracias Ben por la rápida respuesta. Sí, el fondo del logotipo es lo suficientemente grande, pero el creador quería eso. Ahora el menú se desliza hacia arriba pero no me gusta en absoluto. No estoy bien en CSS, ¡así que sería una pequeña ayuda! ¡Muchos gracias!
saludos Glappi
Autor del tema
(@bensibley)
Hace 2 años, 5 meses
Esto es lo que quiero decir con espaciar la imagen: http://pics.competethemes.com/0b66943f66e3. El cuadrado azul es todo el espacio de la imagen.
El menú permanece en la misma ubicación, pero como hay mucho espacio en el archivo de imagen encima de donde se muestra el logo, hay espacio encima del logo en el sitio. Dado que todo esto es transparente, creo que es mejor lograr todo el espacio transparente. Solo puede hacer esto para la versión del logotipo que se usa en el encabezado.
Lanzador de hilos
(@glappi)
Hace 2 años, 5 meses
De acuerdo, el tamaño del logo lo cambié de todos modos, el menú es bastante alto. ¿Alguien puede hacer en la SEC algo que se muestra en el menú debajo del logo?
Autor del tema
(@bensibley)
Hace 2 años, 5 meses
Puede agregar este CSS para empujar hacia abajo el menú y alinearlo mejor con la ubicación actual del logotipo:
@media all and (min-width: 900px) {
#title-info {
margin-top: -48px !important;
}
#menu-primary {
margin-top: 48px !important;
}
}
Copie y pegue ese código en la sección «CSS adicional» en el Cliente (Apariencia> Personalizar), y entrará en vigencia de inmediato.
Lanzador de hilos
(@glappi)
Hace 2 años, 5 meses
¡Muchas gracias! Ahora lo tengo como lo necesito.
saludos Glappi
Autor del tema
(@bensibley)
Hace 2 años, 5 meses
¡De nada! Me alegro de haber podido ayudar.
¿Solucionó tu problema??
0 / 0