Desactivar enlace con CSS

Hoy vemos uno de esos trucos de CSS que nos pueden salvar en esos casos en que tenemos que desactivar un enlace y no podemos acceder al código original para hacerlo, pero sí a los estilos.


por

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»

  1. Avatar de Sergio Moreno

    |

    Genial, me ha funcionado correctamente.

    1. Avatar de esther

      |

      Qué bien! Gracias Sergio!

  2. Avatar de Carlos Trujillo

    |

    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.

    1. Avatar de esther

      |

      Genial, me alegra que te haya sido útil Carlos.

      Un saludo!

  3. Avatar de Johan

    |

    Excelente brooo! Era lo que necesitaba.