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

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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