Un usuario busca cambiar el color de la palabra “Esenciales” en el menú de su sitio web usando el tema Craft, pero el código CSS que implementó también afectó inadvertidamente el color del primer elemento del submenú “colecciones”.
Código utilizado:
base.css dentro de assetsnth-child(1) para apuntar al primer elemento del menú#c1844aProblema actual:
El selector CSS es demasiado amplio y está afectando tanto el elemento del menú principal como el del submenú. El usuario incluye una captura de pantalla mostrando el resultado no deseado y solicita ayuda para aplicar el cambio de color únicamente a “Esenciales” sin afectar otros elementos del menú.
Hola a [email removed]
Quiero cambiar el color de la palabra “Esenciales” del menú. He probado con un código pero también se ha cambiado de color la primera palabra del submenú “colecciones”. Mi tema es craft. Adjunto foto y código que he usado:
En “assets” → “base.css”
header ul.list-menu.list-menu--inline li:nth-child(1) a {
color: #c18a44;
}
@media screen and (max-width: 768px){
header .menu-drawer__menu.list-menu li:nth-child(1) a {
color: #c18a44;
Gracias de antemano!