Hola estaba probando este código en la pestaña "css adicional"
.a:hover{
color:#1717FF
}
pero no me cambia, ¿cuál podría ser el error?
Gracias.
Stack Overflow en español es un sitio de preguntas y respuestas para programadores y profesionales de la informática. Solo te toma un minuto registrarte.
Regístrate para unirte a esta comunidadSi sirve, lo que sucede que el color #1717FF, es casi el mismo azul que el de los enlaces y por eso no notas la diferencia, pero si le pones negro a las etiquetas verás el cambio
Basicamente lo tienes así:
a:hover {
color: #1717FF;
cursor: pointer;
}
<a href="index.html">index</a>
Pero que pasa si le establecemos un color que no sea azul, para distinguir el hover
a:hover {
color: #07d544;
cursor: pointer;
}
<a href="index.html">index</a>
En conclusión si tu quieres un color azul en el hover, primero debes establecer un color base distinto al azul para las etiquetas , se debe a que por defecto los enlaces son de color azul, este caso podría ser un color base negro y el hover #1717FF (azul) quedaría así:
a{
color: #000;
}
a:link{
text-decoration: none;
}
a:hover {
color: #1717FF;
cursor: pointer;
}
<a href="index.html">index</a>
Muchas gracias por la atencion la solucion fue la siguiente
a:hover{
color:#002646 !important;
}
La clave fue el !important.
El problema lo tienes en que "a" no es una clase, sinó que tiene una clase.
a class="screen-reader-text ..... por lo tanto, prueba así:
a.screen-reader-text:hover {color:#1717FF}
Con ésto estás diciendo que el a, con la clase screen-reader-text, al hacer hover, cambia el color a #1717FF
Si no te funciona, prueba con la segunta clase que tiene a (skip-link) y te quedaría así:
a.skip-link:hover {color:#1717FF}
Y si así y todo no te funciona (los themes de WP son rarísimos, a veces), dale prioridad con fuerza bruta: !important aunque no deberías abusar de ésto
a.screen-reader-text:hover {color:#1717FF !important}
.a
es una clase css? Si lo es, ¿a qué elemento se la estás aplicando? Saludos