Avisos
Vaciar todo

[Resuelto] Cambiar color del menú, sólo en la página de inicio

10 Respuestas
2 Usuarios
0 Reactions
25 Visitas
Respuestas: 33
Eminent Member
Topic starter
 

Hola, estoy haciendo una home con un slider de ancho completo que cubre el menú. Quisiera hacer que el texto del menú se vea en letras blancas para que se lea bien sobre las fotos del slider, pero que en el resto de páginas, se vea en letras negras. ¿Es esto posible?

Contenido solo visible a usuarios registrados


 
Respondido : 22/07/2024 7:24 am
Tags del tema
Karen Rios
Respuestas: 18683
Illustrious Member Moderator
 

Hola Pascal, 

En este caso puedes probar si añadiendo el siguiente código CSS en el apartado de Apariencia → Personalizar → CSS Adicional se cambia solo el color del menú en el home

.home #top-menu a {
color: #ffffff;
}

.home #top-menu li.current_page_item>a {
color: #ffffff;
}

Verifícalo y nos comentas como va todo

Un Saludo 


 
Respondido : 22/07/2024 11:50 am
Respuestas: 33
Eminent Member
Topic starter
 

@karen Hola Karen, 

lo he probado pero no me ha dado resultado. El texto del menú sigue en color negro como en las otras páginas.

Saludos, 


 
Respondido : 23/07/2024 7:39 am
Karen Rios
Respuestas: 18683
Illustrious Member Moderator
 

Hola Pascal,

Si es posible envíanos algunas capturas como lo añades en tu sitio web, de igual forma prueba con el siguiente código y revisa si funciona.

.home #top-menu a {
color: #ffffff !important;
}

.home #top-menu li.current_page_item>a {
color: #ffffff !important;
}

Verifícalo y nos comentas cómo va todo.

Un saludo 


 
Respondido : 23/07/2024 11:18 am
Respuestas: 33
Eminent Member
Topic starter
 

@karen

@karen Hola Karen, 

he probado con el nuevo código que me has enviado y sigue sin funcionar. Adjunto pantallazos

 

Captura de Pantalla 2024 07 23 a las 13.35.38
Captura de Pantalla 2024 07 23 a las 13.36.13
Captura de Pantalla 2024 07 23 a las 13.41.06

Saludos. 


 
Respondido : 23/07/2024 11:49 am
Karen Rios
Respuestas: 18683
Illustrious Member Moderator
 

Hola Pascal, 

No está funcionando porque tienes un comentario abierto y este desactiva todas las reglas CSS que añadas debajo, debes cerrarlo añadiendo algo como */ o eliminar todo este comentario

image

Revisa esto, guarda los cambios y comprueba si con ello se aplica el cambio. 

Un Saludo 


 
Respondido : 23/07/2024 12:41 pm
Respuestas: 33
Eminent Member
Topic starter
 

@karen Hola Karen, ha funcionado, muchas gracias!!

Los textos han cambiado a blanco en la home, pero el carrito y la lupa de búsqueda siguen en color negro. 

Es posible cambiarlos tambien?

Saludos


 
Respondido : 24/07/2024 5:43 am
Karen Rios
Respuestas: 18683
Illustrious Member Moderator
 

Hola Pascal, 

Para el icono del carrito y la lupa puedes probar el siguiente código CSS

.home #et-top-navigation .et-cart-info {
color: #ffffff !important;
}

.home #et_search_icon:before {
color: #ffffff !important;
}

Verifícalo y nos comentas como va todo

Un Saludo 


 
Respondido : 24/07/2024 11:33 am
Respuestas: 33
Eminent Member
Topic starter
 

@karen Hola Karen, ha funcionado. Muchas gracias!


 
Respondido : 24/07/2024 12:28 pm
Karen Rios
Respuestas: 18683
Illustrious Member Moderator
 

Hola Pascal, 

Enhorabuena funciona como necesitas, es un placer siempre poder ayudarte. 

No dudes en escribirnos si tienes cualquier otra consulta. 

Un Saludo 😊 


 
Respondido : 24/07/2024 12:29 pm