Pregunta sobre Arreglando WordPress de Wordpress:

Cambiar el logo al desplazarse hacia abajo

Un usuario preguntó 👇

¡Hola! Quiero que aparezca un logotipo diferente en el encabezado a medida que se desplaza hacia abajo. Por ejemplo, el logotipo está actualmente en blanco, pero cuando la página se desplaza hacia abajo, el fondo del encabezado se vuelve blanco y el logotipo desaparece. Quiero cambiar este segundo logo por uno de color.

Estoy usando el tema de Hestia. No tengo un tema hijo y preferiría pegar el código CSS en CSS adicional. ¡Gracias!

(@alichani)

Hace 3 años, 1 mes

Hola @dagnyzhu, que yo sepa, esto solo se puede hacer con CSS. Incluso la transición del encabezado original de transparente a blanco se realiza a través de Javascript (se agregan 2 clases).

Usando el CSS a continuación, puede cambiar el fondo del logotipo o el tamaño, pero no el archivo de imagen utilizado.

.navbar-not-transparent .title-logo-wrapper img {
	/* width: 10px; */
	/* height: 142px; */
	background-color: #000;
}

Recomendaría publicar su pregunta en el foro de soporte de temas de Hestia, para que los creadores y usuarios del tema, que tienen un conocimiento más personal del código, puedan ayudarlo mejor.

Lanzador de hilos

(@dagnyzhu)

Hace 3 años, 1 mes

¡Muchas gracias por tu rápida respuesta! De hecho, fui al foro de Hestia y encontré un enlace útil https://docs.themeisle.com/article/749-how-to-add-a-second-logo-in-hestia. Este código funcionó perfectamente para mí:

.navbar-not-transparent .navbar-brand img {contenido: url (‘http: //yoursiteimage.jpg ‘;); }

En lugar de usar un tema secundario, simplemente cargué mi segundo logotipo en la biblioteca de medios, ingresé la URL de la imagen de arriba y la pegué en CSS adicional. ¡Gracias por la referencia!

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