Cambiar el Espaciado Interior de un Elemento

Por qué Importa el Espaciado Interno

Los espacios internos dentro de su diseño—ya sea dentro de un solo elemento o entre varios elementos—son esenciales para mantener un diseño limpio, legible y visualmente atractivo. Un espaciado adecuado puede:

• Mejorar la legibilidad del contenido
• Crear una sensación de equilibrio y estructura
• Evitar que los elementos se sientan abarrotados o apretados

En GemPages, usted puede ajustar dos tipos principales de espaciado interno: Relleno y Gap (utilizado en filas y columnas).

1. Ajustar el Relleno Interno

Relleno controla el espacio entre el contenido de un elemento y su borde exterior. Se utiliza comúnmente para:

• Añadir espacio de respiro alrededor del texto o las imágenes
• Asegurar que el contenido no toque el borde del elemento
• Crear una apariencia uniforme y pulida

Cómo Ajustar el Relleno en GemPages:

Paso 1: Haga clic en el elemento (por ejemplo, un botón, imagen o bloque de texto) que desea ajustar.
Paso 2: En la barra lateral izquierda, diríjase a Avanzado .
Paso 3: Encuentre la sección Espaciado ,y ajuste los Relleno valores para:

• arriba: Espacio encima del contenido
• Derecha: Espacio a la derecha
• Inferior: Espacio debajo
• Izquierda: Espacio a la izquierda

Consejo: Utilice valores de relleno uniformes para lograr una apariencia consistente, o personalice cada lado para un diseño asimétrico.

2. Ajustar los Espacios Entre Elementos Secundarios en una Fila

Cuando estás trabajando con un fila contenedor que contiene varios elementos secundarios (por ejemplo, columnas, botones o imágenes), el espaciado entre esos elementos se controla mediante Espacio de Columnas.

Cómo Ajustar los Espacios de Columnas:

Paso 1: Seleccione el botón contenedor principal (normalmente un elemento de fila con dos o más columnas).
Paso 2: En el panel de Configuración, localice el Espaciado de columnas ajuste.

Paso 3: Utilice el control deslizante para aumentar o disminuir el espacio entre los elementos secundarios.

Visualice sus cambios en tiempo real para garantizar un diseño y una alineación óptimos.

3. Ajustar los Espacios Entre Filas o Elementos Apilados

Para elementos apilados verticalmente (como secciones de acordeón, elementos de lista o bloques de contenido), el espacio entre ellos está definido por el Brecha de artículos or Espacio entre filas ajuste.

Cómo Ajustar los Espacios de Filas o Elementos:

Paso 1: Seleccione el botón contenedor que contiene los elementos apilados (por ejemplo, un acordeón o una sección con varias filas).
Paso 2: En la barra lateral izquierda, diríjase a Espaciado de elementos .

Paso 3: Ajuste el Brecha de artículos ajuste mediante el control deslizante.