Vamos a ver cómo podemos quitar el enlace a los proyectos dentro de un portfolio creado con Divi. La solución mediante CSS es sencilla, pero vamos a ver cómo se podría configurar mediante el constructor de Divi.

También te puede interesar:
¡Divi 4 Ya ha llegado! Todas las novedades aquí
Optimizar el SEO de las imágenes en WordPress con Divi y Gutenberg
¿Qué es Elementor? Todo sobre Elementor Page Builder
Divi Child Theme [+Descarga]

Este es un ejemplo de un portfolio creado con Divi. Si pasamos el ratón por encima de cada elemento se mostrará la manita y el nombre del proyecto. Si pulsamos se abrirá la página del proyecto donde podríamos consultar todos los detalles de este. ¿Pero y si queremos no mostrar los detalles del proyecto de momento y ocultar el enlace para que el usuario no pueda llegar a la página?

portfolio Divi

Solución CSS tradicional

La solución mediante CSS es sencilla. Bastaría con añadir el estilo a nuestra plantilla hija de wordpress:

display: none !important;

Solución con el editor de CSS personalizado de Divi

En el caso de divi, en la pestaña CSS personalizado, habría que añadir ese estilo en dos zonas. En:

  • Superposición del artículo: para evitar que se ensombrezca la imagen y no aparezca el círculo azul con el signo más.
  • Título del artículo: para no aparezca el link que tiene el nombre del proyecto.

Aquí podéis verlo en la imagen cómo quedaría:

Divi Portfolio

Como podéis ver es sencillo y podemos cambiarlo cuando se nos antoje. Esto no evita que el usuario pueda llegar a la página en cuestión si conoce el enlace.

Renueva tu plantilla Divi o pásate a Lifetime

Si todavía sigues usando la plantilla Divi Developer anual ya puedes renovarla con un 20% de descuento o pasarte a Lifetime pagando solo la diferencia. Pincha en la siguiente imagen para poder beneficiarte de este descuento.

divi coupon discount

Guardar