Seleccionar página
Personaliza el módulo de portafolio o portfolio divi
Personaliza El Modulo De Portafolio De Divi

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.

1.- Añadimos una columna

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

Insertar modulo de portfolio divi o portafolio divi

2.- Forma original del modulo de portafolio divi

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

aparencia original modulo portfolio o portafolio divi

3.- cambiar el tamaño de las miniaturas de la cuadrícula del portafolio imágenes de divi

En este apartado tenemos que instalar el plugin

Code Snippets

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

divi portfolio image size o  tamaño de imagen de portfolio divi

4.- Espacio personalizados modulo portfolio divi

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

divi portfolio module customize o personalizar el modulo divi portfolio

5.- divi portfolio 2 columns

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

divi portfolio grid 3 columns o  cuadrícula de portfolio divi 3 columnas

6.- Codígos

– 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).

Descubre nuestra selección de diseños web gratuitos y prémium para sus proyectos de diseño.

Contenido nuevo

Entérate de nuestros nuevos Artículos, cursos y productos cada 15 días

Pin It on Pinterest

Share This