Personaliza el módulo de portafolio o portfolio divi

El módulo de portafolio de Divi es uno de los módulos más populares para crear un sitio web personal o de empresa. El problema es que tiene muchos errores de personalización.

Te enseñaré cómo personalizarlo y hacerlo perfecto para tus necesidades.

En este tutorial, le mostraré cómo corregir los siguientes errores de personalización: espacio entre columnas, imágenes en tamaño real (divi portfolio grid image size) y capacidad de respuesta (movil) ( divi portfolio grid 3 columns o 2 columns).

Comenzaré mostrándote cómo agregar un código CSS personalizado a tu tema Divi para solucionar estos tres problemas.

Una vez que creamos una columna, insertamos nuestro módulo de portfolio divi módulo de portafolio.

2.1.-Vamos a las opciones de diseño, seleccionamos layouts y grid como les contaba hace un momento, esta es la forma original del portafolio de divi, nuestras imágenes no tienen el tamaño real, el espaciado es muy grande y no hay opciones para modificar la posición del texto

En este apartado tenemos que instalar el plugin

lo activamos y añadiremos el código que dejaremos hasta abajo es el PHP recuerda configurar la medida de tus imágenes, lo guardas como activo

En este paso añadiremos un borde a nuestras imágenes del portafolio, yo seleccionare el borde superior y jugaré con los valores en píxeles, recuerda utilizar el mismo color de borde que el fondo

Este es el último paso, añadiremos el código para hacerlo responsivo, se debe de mostrar dos columnas del portafolio en el móvil

– Personalización del título, meta o categorías
– imágenes en tamaño real / divi portfolio image size
– ( divi portfolio grid 3 columns o 2 columns).