Te contamos paso a paso cómo centrar verticalmente el contenido en Divi Theme, para perfeccionar tu diseño web y hacerla más profesional

Uno de los problemas que nos encontramos a menudo es cómo podemos centrar el contenido de nuestra página web, ya que por defecto viene alineado a la izquierda y arriba.
Hace unos días os contábamos cómo centrar el botón del formulario de Divi, en este post te contamos cómo centrar de una manera muy fácil el contenido de nuestras secciones

Igualamos columnas

  1. Primero de todo, una vez estés dentro del constructor de Divi, ve a la configuración de la de la sección (icono ⚙️ de la sección verde).
  2. Seguidamente, nos vamos a la pestaña de diseño/design
  3. Activamos Igualar alturas de columnas/Equalize Column heights

Añadimos código para centrar contenido verticalmente

    1. Cuando hayamos activado la opción de ‘igualar alturas de columnas’:

 

  1. Nos vamos a la configuración del módulo que queramos centrar verticalmente;
  2. Nos metemos a la pestaña de advanced > Custom CSS > Module elements
  3. En Main Element añadimos el siguiente código
display: flex;
flex-direction: column;
justify-content: center;

 

i… voilá

Tan sólo con centrar el contenido verticalmente de nuestra web, con código, pero de una forma muy sencilla, podemos mejorar la estética de la web y hacerla visualmente más equilibrada

Consigue tu página web por tan solo 750€ · Consigue tu página web por tan solo 750€ · Consigue tu página web por tan solo 750€ · Consigue tu página web por tan solo 750€ · Consigue tu página web por tan solo 750€ · Consigue tu página web por tan solo 750€ · Consigue tu página web por tan solo 750€ · Consigue tu página web por tan solo 750€ · Consigue tu página web por tan solo 750€ · Consigue tu página web por tan solo 750€ · Consigue tu página web por tan solo 750€ · Consigue tu página web por tan solo 750€ · Consigue tu página web por tan solo 750€ · Consigue tu página web por tan solo 750€ · Consigue tu página web por tan solo 750€

Descubre nuestras últimas publicaciones