Galería Divi: Efecto blanco y negro a color sin usar código

Crear galerías es casi un requisito para cualquier sitio web ya que es una forma en la que usuario y clientes potenciales pueden conocernos. Sin embargo con tantos plugin para hacer galerías en WordPress si usamos Divi debemos buscar la forma de que las galerías que creamos sean lo mas atractivas posible.

Normalmente si usamos el modulo galería de Divi la forma de hacerlas visualmente mas atractiva es por medio de código CSS pero en este articulo veremos como hacer e efecto de blanco y negro a color sin escribir una sola linea de código.

1. Creando la galería

Crea una nueva página o entrada y activa el constructor Divi. Tendremos una sección estándar. Crea una fila de una columna, añade un módulo tipo galería. Por lo tanto pulsa el botón de constructor visual (Buid On The Front End) y cuando cargue la página, abre los ajustes del módulo galería.

2.Configurando la galería

En la primera pestaña, contenido, añade las imágenes que desees. Yo he elegido 8 imágenes del mismo tamaño. Abre la subsección elementos y desactiva las opciones mostrar título y leyenda y mostrar paginación.

Ahora activa la pestaña de diseño y actualiza lo siguiente:

  • Color del icono de zoom: transparente 
  • Color de superposición al posar el ratón: transparente 

El siguiente paso será activar la opción de hover para un par de efectos de imagen, que van a ser saturación, y brillo.

  • Imagen Saturación: 0% (predeterminado), 100% (Hover)
  • Imagen Brillo: 50% (predeterminado), 100% (Hover)

LIsto, ya galería ya funciona con el efecto deseado

Sigue aprendiendo con los cursos de la Zona Premium. Puedes darte de alta por 15€ al més aquí. Incluye acceso a los cursos, descargas de temas, plugins premium y soporte directo conmigo para dudas.

En el siguiente vídeo puedes ver todo el proceso de forma mas detallada.

Introducción En el mundo digital actual, los visitantes esperan que la información sea clara, visual y atractiva. Un mapa interactivo facilita la navegación, mejora la experiencia del usuario y presenta la…

¿Quieres crear y vender cursos online directamente desde tu sitio WordPress? Masteriyo LMS es un plugin potente y, en su versión gratuita, sorprendentemente completo que te permite construir una academia…

En el actual entorno digital de 2025, el SEO se ha convertido en un pilar fundamental para el éxito de las empresas. La necesidad de establecer una presencia en línea…

Airlift es una solución integral para optimizar el rendimiento de sitios web WordPress, diseñada para aumentar la velocidad de carga, mejorar la experiencia de los usuarios y potenciar los resultados…

Me presento, soy Sergio Escriba, especialista SEO en Ecommerce. Hace unos días, David me dió la oportunidad de poder publicar un artículo en este blog y aquí estoy. En este…

Bienvenidos a este detallado análisis sobre el plugin BuddyX Pro, una poderosa herramienta diseñada para transformar tu sitio web de WordPress en una plataforma de comunidad social. En el dinámico…

1. Introducción En el vertiginoso mundo digital, elegir el hosting adecuado es esencial. Cloudways, con su enfoque en la simplicidad y rendimiento, destaca como una opción de primera categoría. Ofrece…

¡Bienvenido al futuro de la creación web con Neve para WordPress! En este articulo, exploraremos cómo este tema revolucionario puede hacer que la tarea de construir sitios web sea rápida,…

¡Bienvenidos al emocionante mundo de la creación de tu propio marketplace en WordPress! Si alguna vez has soñado con tener tu propio espacio en línea para vender productos y servicios,…

En un mundo donde la tecnología y los viajes convergen de manera sorprendente, las agencias de viajes en línea juegan un papel vital en la planificación y reserva de aventuras….