Un usuario preguntó 👇
Hola a todos, necesito ayuda con la siguiente pregunta: En el encabezado del tema Astra, quiero cambiar los colores de fuente del menú principal con CSS personalizado, ya que esto no es posible dentro del personalizador (a menos que sea profesional …) en usted. Con este código, funcionó bien para cambiar el color de la fuente del menú:
.main-header-menu a {color: # 990066; }
Ahora quiero cambiar el color mientras muevo el mouse sobre el menú:
.main-header-menu a: hover {color: # ff9933; }
Pero esto no funcionó … ¿Qué estoy haciendo mal?
De hecho, los colores generales de los adaptadores tienen «color de conexión» y «color de desplazamiento», pero estos no afectan el color de desplazamiento en el menú del encabezado … ¿Alguna idea?
Gracias de antemano, Tobias
Lanzador de hilos
(@clavigo)
Hace 2 años, 4 meses
Hola,
Ya resolví esto 🙂 Usé el siguiente código y funcionó:
.main-header-menu a: hover {color: # ff9933! importante; }
A veces he aprendido que puede haber un fragmento de código en algún lugar de la hoja de estilo, que tiene una prioridad más alta y viola la configuración personalizada de CSS. Esto es algo nuevo para mi. Siempre pensé que cualquier CSS escrito en la costumbre rompería la base del tema. Entonces, si usa “! Importante ”, puede implementar sus cambios.
Saludos, Tobias
(@deepakl)
Hace 2 años, 4 meses
Hola @clavigo,
Me alegro de que hayas podido resolver tu problema. Si, usando ¡importante! no siempre se considera una buena práctica, pero para sobrescribir algún código predefinido puede hacerlo.
¿Solucionó tu problema??
0 / 0