Hoy seguimos con uno de esos trucos de los que a veces nos salvan la vida para solucionar detalles o temas complicados apenas con pocas líneas de CSS: poder desactivar un enlace, es decir, que no funcione ni el usuario pueda hacer clic, sin tener que tocar el código original, sólo con CSS.
Está claro que la mejor opción sería modificar el HTML o PHP y eliminar ese enlace, pero en el día a día, sobretodo de WordPress, a veces nos encontramos con plantillas o themes complejas, en las que para encontrar una función dentro de un shortcode de un CPT propio nos podemos volver locos… y lo único que queremos es desactivar un enlace de un elemento que viene con el tema durante un tiempo.
Para ello he encontrado este código de CSS que me ha salvado la vida en un par de ocasiones
.elemento-a-modificar a {
pointer-events: none;
cursor: default;
}
Así de entrada te parecerá una tontería, pero créeme, si llega el momento en que lo necesitas, lo agradecerás 😉
¿Eres implementador o desarrollador WordPress?
En la Zona DPW encontrarás más recursos, tutoriales, plantillas, y una biblioteca de snippets para poder utilizar en tu día a día y ganar tiempo en tu trabajo:
ACCEDER AHORA
Comentarios
5 respuestas a «Desactivar enlace con CSS»
|
Genial, me ha funcionado correctamente.
|
Qué bien! Gracias Sergio!
|
Muchísimas gracias!!!! Pasé días como poderle quitarle el link a los productos que aparecen cuando haces una compra virtual y nada más no podía y con tu código en bastó con ponerle la clase y listo.
|
Genial, me alegra que te haya sido útil Carlos.
Un saludo!
|
Excelente brooo! Era lo que necesitaba.