Pregunta sobre Storefront de Wordpress:

Intentando agrandar el logo

Un usuario preguntó 👇

¡Hola a todos! Estoy tratando de aumentar más el logotipo en mi sitio web, y lo miré aquí y nada parece funcionar. Estoy usando el tema Bouqitue que viene preinstalado. Soy anfitrión de un godaddy, no estoy seguro de si ese es el punto. También me gustaría agregar que he cambiado la imagen varias veces con Photoshop. Todavía no se está haciendo más grande. Me dijeron que está relacionado con el tema, lo que significa que tiene un tamaño determinado o algo por el estilo.

¡Gracias por adelantado!

(@themerrymarket)

Hace 3 años, 2 meses

Quería agregar, fui al editor y fui a style.css y encontré “.custom-logo-link {” en línea 327.

(@ eherman24)

Hace 3 años, 2 meses

Hola @themerrymarket,

Quizás quieras probar:

.custom-logo {
   width: 300px;
}

Puede agregar eso a la sección personalizada titulada ‘CSS Extra’. Puede acceder a él desde el panel de control yendo a ‘Apariencia> Personalizar> CSS adicional’

Parece que es posible que deba guardar su imagen nuevamente sin dejar un gran espacio.

(@themerrymarket)

Hace 3 años, 2 meses

¡Hola @ eherman24! Intenté lo siguiente, y no hice nada, cuando hago más de 200, como hago 300 y no más, y así sucesivamente. ¡Proporciono capturas de pantalla a continuación! 100px- http://prntscr.com/hd2k0s
200px- http://prntscr.com/hd2kjf
300px- http://prntscr.com/hd2ko5
500px- http://prntscr.com/hd2kvv
Como puede ver, 200px + tiene el mismo tamaño. Mostrando tamaño de archivo http://prntscr.com/hd2m72

(@themerrymarket)

Hace 3 años, 2 meses

Editar – Intenté cambiar la imagen de nuevo, y todo lo que tengo que hacer es borrosa….
http://prntscr.com/hd2v4m

(@ eherman24)

Hace 3 años, 2 meses

Debe ajustar el código en sí, los límites máximos de contenedor se establecen en el contenedor que mantiene su imagen. Puede cambiarlo a cualquier tamaño, pero no irá más allá del contenedor en el que está contenido.

También se ha agregado una cuadrícula a su tema, por lo que ajustar el contenedor con el logotipo de su sitio puede eliminar la cuadrícula.

Lo que quieres cambiar es:

.site-header .site-branding {
   width: 25%;
}

Sin embargo, es posible que desee tener cuidado al hacerlo, ya que puede desgastar la cuadrícula en su encabezado, lo que puede notarse en pantallas más pequeñas o dispositivos móviles.

(@themerrymarket)

Hace 3 años, 2 meses

¿Aún pondría eso en la SEC adicional?

(@themerrymarket)

Hace 3 años, 2 meses

No lo estoy haciendo tan bien como me gustaría @ eherman24

(@themerrymarket)

Hace 3 años, 2 meses

¿Mas sugerencias?

(@jobthomas)

Ingeniero Automático de Felicidad

Hace 3 años, 2 meses

Hola @themerrymarket, ¿tienes un enlace a tu sitio web?

(@susantau)

hace 3 años

También me encantaría aumentar el tamaño del logo. Intenté agregar esto al CSS del tema de mi hijo, pero el logotipo tiene un ancho pequeño del 21%:

@media screen and (min-width: 768px) {
	.site-header .site-branding, .site-header .site-logo-anchor, .site-header .site-logo-link, .site-header .custom-logo-link
		width: 35% !important; /* Adjust this percentage up or down to make the logo larger or smaller. */
	}
}

Esta respuesta fue modificada hace 3 años por.

(@jobthomas)

Ingeniero Automático de Felicidad

hace 3 años

@susantau, ¿tiene un enlace a su sitio web para que lo veamos?

(@susantau)

hace 3 años

El sitio está funcionando aquí:
https://manapottery.com/mar2018wp/
Desde que le escribí, he decidido mover el logotipo al pie de página después de descubrir que Storefront no permitirá el logotipo Y el título / descripción del sitio en el encabezado. Este logotipo no es muy informativo, por lo que debe traducirlo al pie de página y mantener el título / descripción en el encabezado.

RESUMEN, ahora creo que voy en contra de un problema de caché del navegador muy extraño. No importa lo que haga, no puedo aplicar la caché; la única forma de ver los últimos cambios es esperar un día. : – # He trabajado felizmente con Dreamweaver / ftp / Chrome Web Developer Tools durante años. De repente, durante los últimos dos días, Chrome no borra el caché, lo que hace que sea imposible hacer mi trabajo. Sospecho que esto es un problema con el ancho de banda / tráfico de vacaciones de mi proveedor de Internet.

Hasta que no averigüe cómo borrar mi caché, no podré tener un diálogo útil contigo sobre esto, que ni siquiera es un problema de Storefront.

Informaré cuando al menos pueda borrar mi caché.

¡Gracias por estar aquí!

(@jobthomas)

Ingeniero Automático de Felicidad

hace 3 años

Gracias @susantau por la actualización. Buena suerte para encontrar la pregunta sobre el almacenamiento en caché.

(@susantau)

hace 3 años

Ahora estoy trabajando en mi sitio localmente usando MAMP, y me encanta. Ahora veo que Storefront no era el problema que estaba informando anteriormente, sino debido a este problema secreto de los navegadores que no borran el caché a pedido.

¡Disculpe por informar un problema falso!

Esta respuesta fue modificada hace 3 años por.

(@jennyrrr)

Hace 2 años, 10 meses

Se muestra un error en el siguiente código: ¿Alguien puede ayudar con el problema?

pantalla @media y (ancho mínimo: 768px) {.site-header .site-branding, .site-header .site-logo-anchor, .site-header .site-logo-link, .site-header .custom- ancho del enlace-logo: 35%! importante; }

Gracias

¿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 *