# B9. Interfaz configuración columna botón icono brocha - Builder

[![image.png](https://kb.wakaprint.com/uploads/images/gallery/2026-01/scaled-1680-/AIbimage.png)](https://kb.wakaprint.com/uploads/images/gallery/2026-01/AIbimage.png)

  
**1.2 Interfaz configuración de la columna**

[![image.png](https://kb.wakaprint.com/uploads/images/gallery/2026-01/scaled-1680-/9T3image.png)](https://kb.wakaprint.com/uploads/images/gallery/2026-01/9T3image.png)

  
  
1.2.1. Interfaz de **FONDO**

<table border="1" class="align-center" id="bkmrk-elemento-funci%C3%B3n-med" style="border-collapse: collapse; width: 79.1358%; height: 119.545px; border-width: 1px;"><colgroup><col style="width: 51.3987%;"></col><col style="width: 48.588%;"></col></colgroup><tbody><tr style="height: 60.142px; background-color: rgb(236, 240, 241);"><td class="align-left" style="border-width: 1px; height: 60.142px;">**Elemento**  
  
</td><td class="align-left" style="border-width: 1px; height: 60.142px;">**Función**</td></tr><tr><td style="border-width: 1px;">  
</td><td style="border-width: 1px;"></td></tr><tr style="height: 29.7017px;"><td class="align-left" style="border-width: 1px; height: 29.7017px;">  
[![image.png](https://kb.wakaprint.com/uploads/images/gallery/2026-01/scaled-1680-/ntXimage.png)](https://kb.wakaprint.com/uploads/images/gallery/2026-01/ntXimage.png)

  
  
</td><td class="align-left" style="border-width: 1px; height: 29.7017px;">Para presentar una como fondo de la columna.  
Hacer clic en botón "Explorar" para cargar la imagen.  
  
También dispone de campo de consulta y edición de la url de la imagen.  
  
  
</td></tr><tr><td style="border-width: 1px;">[![image.png](https://kb.wakaprint.com/uploads/images/gallery/2026-01/scaled-1680-/ohCimage.png)](https://kb.wakaprint.com/uploads/images/gallery/2026-01/ohCimage.png)

</td><td class="align-left" style="border-width: 1px;">Selector para definir el tamaño con el que se renderiza la imagen dentro de la columna.  
Opciones disponibles:

- **initial**: utiliza el tamaño original/por defecto de la imagen.
- **contain**: ajusta la imagen para que se vea completa dentro de la columna, sin recortarse (puede dejar espacios vacíos).
- **cover**: ajusta la imagen para cubrir toda la columna (puede recortar parte de la imagen).
- **Porcentaje (10% – 130%)**: permite establecer manualmente el tamaño del fondo respecto al tamaño del contenedor.
    
    
    - Valores bajos (ej. 50%) reducen la imagen.
    - Valores altos (ej. 120% o 130%) amplían la imagen.

Si la imagen está ampliada, es posible que se recorte dependiendo del área visible y de la posición del fondo. </td></tr><tr><td style="border-width: 1px;">[![image.png](https://kb.wakaprint.com/uploads/images/gallery/2026-01/scaled-1680-/1okimage.png)](https://kb.wakaprint.com/uploads/images/gallery/2026-01/1okimage.png)

</td><td style="border-width: 1px;">Permite activar o desactivar la repetición de la imagen de fondo dentro de la columna.

- **Desactivado**: la imagen de fondo se muestra una sola vez (no se repite).
- **Activado**: la imagen de fondo se repite automáticamente para cubrir toda el área de la columna.

</td></tr><tr><td style="border-width: 1px;">[![image.png](https://kb.wakaprint.com/uploads/images/gallery/2026-01/scaled-1680-/hEMimage.png)](https://kb.wakaprint.com/uploads/images/gallery/2026-01/hEMimage.png)

</td><td style="border-width: 1px;">Permite seleccionar el color de fondo de la columna.

- Al pulsar el botón "Explorar", abre el selector de color.
- Este color puede utilizarse como fondo principal cuando no hay imagen de fondo.
- Si existe una imagen de fondo, el color puede actuar como fondo base en caso de que la imagen no cubra toda la columna.
- Se pueden añadir colores en modo hexadecimal o mediante el botón "·Explorar".   
      
    [![image.png](https://kb.wakaprint.com/uploads/images/gallery/2026-01/scaled-1680-/I1Mimage.png)](https://kb.wakaprint.com/uploads/images/gallery/2026-01/I1Mimage.png)

[![image.png](https://kb.wakaprint.com/uploads/images/gallery/2026-01/scaled-1680-/CKximage.png)](https://kb.wakaprint.com/uploads/images/gallery/2026-01/CKximage.png)

</td></tr><tr><td style="border-width: 1px;">[![image.png](https://kb.wakaprint.com/uploads/images/gallery/2026-01/scaled-1680-/yTIimage.png)](https://kb.wakaprint.com/uploads/images/gallery/2026-01/yTIimage.png)

</td><td style="border-width: 1px;">Permite definir la posición de la imagen de fondo dentro de la columna (punto de anclaje).

La selección se realiza mediante una cuadrícula de posicionamiento:

- **Arriba**: fija la imagen en la parte superior.
- **Abajo**: fija la imagen en la parte inferior.
- **Izquierda**: fija la imagen en el lateral izquierdo.
- **Derecha**: fija la imagen en el lateral derecho.
- **Centro** (opción seleccionada por defecto): centra la imagen dentro de la columna.

Nota: la posición del fondo es especialmente relevante cuando se utiliza el tamaño "**cover"**, ya que la imagen puede recortarse. Este ajuste permite decidir qué parte de la imagen se mantiene visible.

</td></tr></tbody></table>

1.2.2. Interfaz de **ESPACIADO DE COLUMNA**

Permite ajustar el espaciado interior, y el margen respecto al contenedor fila del bloque.

[![image.png](https://kb.wakaprint.com/uploads/images/gallery/2026-01/scaled-1680-/X2Cimage.png)](https://kb.wakaprint.com/uploads/images/gallery/2026-01/X2Cimage.png)