Pregunta sobre Tracks de Wordpress:

¿Cambiar / ajustar el tamaño del logotipo?

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

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *