0

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.

2
  • Hola, debes poner más contexto. ¿.a es una clase css? Si lo es, ¿a qué elemento se la estás aplicando? Saludos el 20 abr. 2019 a las 16:46
  • <a class="screen-reader-text skip-link" href="#content">Ir al contenido</a> el 20 abr. 2019 a las 17:38

3 respuestas 3

1

Si 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>

1

Muchas gracias por la atencion la solucion fue la siguiente

a:hover{
color:#002646 !important;

}

La clave fue el !important.

0

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}
5
  • Ya probe las 3 opciones en el css adicional pero no me cambia, sigue con el mismo color predeterminado por el tema. Probe cambiarle el color a un boton pero tampoco lo cambia... el 20 abr. 2019 a las 19:19
  • Es lo que tiene WP y sus plantillas. Visita el Foro de WP sobre tu tema, a ver que solución encuentras ( es.wordpress.org/support/forum/temas-y-plantillas )
    – Pablo_Web
    el 20 abr. 2019 a las 19:23
  • Rafael aquí tienes algo de ayuda extra silocreativo.com/como-modificar-anadir-css-tema-wordpress
    – Pablo_Web
    el 20 abr. 2019 a las 19:47
  • Ya pude solucionarlo, muchas gracias por la ayuda :D el 21 abr. 2019 a las 1:43
  • Hola Rafael. ¿Y cómo lo haz solucionado...?. Aquí se trata de que otros (que puedan tener dudas similares a las tuyas), puedan encontrar una guía para resolver sus problemas. Quizás respondiendo a tu propia pregunta con el fragmento de código sea suficiente. Un saludo.
    – Pablo_Web
    el 21 abr. 2019 a las 2:09

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.