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

4 respuestas 4

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
0

a{
  color: #FFBB5C;
}
a:link{
  text-decoration: none;
}
a:hover {
  color: #C63D2F;
  cursor: pointer;
}
<a href="index.html">ESTO_ES_UNA_PRUEBA_PHP.php</a>

1
  • 1
    Tu respuesta podría mejorarse con información de apoyo adicional. Por favor, pulsa en editar para añadir más detalles, como citas o documentación, para que otros puedan confirmar que tu respuesta es correcta. Puedes encontrar más información sobre cómo escribir buenas respuestas en el centro de ayuda.
    – Comunidad Bot
    el 20 oct. 2023 a las 8:56

Tu Respuesta

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

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