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