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

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies