Nota: Si bien hemos traducido las guías más populares al español, algunas guías están disponibles solamente en inglés.

Removing blank space

Blank areas, also known as “white space” or “negative space,” can be a key component of visual design, creating a calm and open layout.

If you have a blank area on your site that you want to adjust or remove, it is probably caused by one of two things:

  • Bloques adicionales en la página, como bloques espaciadores
  • Padding, which is the space built into a layout around different site elements, like page margins, navigation, headers, and footers.

This guide explains how to troubleshoot issues with blank spaces.

Antes de comenzar

  • Aunque todos los sitios de Squarespace te dan cierto control sobre el relleno, es posible que otras áreas no sean ajustables. En la versión 7.0, cada plantilla tiene sus propias opciones de estilo.
  • El relleno alrededor de los bloques, como el bloque de texto o bloque de imagen, no se puede ajustar.
  • If you’re having trouble with padding on your site that can’t be adjusted with style changes, the Squarespace Forum may be able to help. Please note that we don't provide support for advanced modifications involving code.

Comprobar opciones de relleno

Cada sitio de Squarespace tiene su propio diseño y opciones de estilo y relleno integradas. Para comprobar si puedes ajustar el relleno de un elemento del sitio, navega hasta la página con el espacio en blanco y luego explora las opciones de estilo. La forma de hacerlo depende de la versión de Squarespace de tu sitio.

Para controlar el espaciado de todo el sitio:

  1. Al editar una página, abre Estilos del sitio y, luego, haz clic en Espaciado.
  2. Utiliza el ajuste Margen del sitio para ajustar la cantidad de espacio entre el contenido y el borde del sitio. 

Para cambiar el relleno del encabezado:

  1. Haz clic en Editar en una página, coloca el cursor sobre el encabezado y, a continuación, haz clic en Editar encabezado del sitio.
  2. Haz clic en el ícono de escritorio
  3. Haz clic en Sin bordes o Recuadro para establecer el ancho del contenido del encabezado. 
  4. Desplázate hacia abajo y utiliza los retoques de relleno y espaciado para establecer la cantidad de espacio en el encabezado. 

Para cambiar el relleno de una sección de página individual:

  1. Haz clic en Editar en una página y, a continuación, en el ícono de lápiz de una sección.
  2. En la pestaña Formato, utiliza las opciones Altura de sección y Ancho de contenido para ajustar la cantidad de espacio en la sección. 
  3. En la pestaña Fondo, haz clic en Sin bordes o Recuadro para establecer el ancho del contenido de la sección. 

Para obtener más ayuda con el estilo del sitio, visita Cómo realizar cambios de estilo.

En el menú de Inicio, haz clic en Diseño y, a continuación, en Estilos del sitio.

In many templates, you can directly edit padding areas by clicking and dragging in the site preview:

cilck-and-drag-padding.gif

You can also look for tweaks that affect your blank space:

  1. Hover over the blank space. A blue style highlighter box may appear around the padded area. Click the page to display only the style tweaks for that element and hide the rest. This shortcut is available in most templates and for most areas on your site.
  2. Si eso no ayuda, desplázate por los estilos del sitio y busca ajustes con las palabras clave “relleno“, “margen“, “sin bordes“ o similares. Los ajustes que afectan el diseño del sitio también pueden afectar el relleno.

In either version:

  • Most padding tweaks have a slider. Move the slider to 0px to eliminate padding altogether. You can also type 0px in manually and press Enter.
  • Check how your padding looks on mobile as padding changes may affect mobile layouts differently.
  • El estilo de relleno a menudo se aplica en todas las páginas de la plantilla, especialmente en áreas como el pie de página. Consulta otras páginas del sitio para ver cómo se aplica esto.
  • Algunos rellenos están integrados y no se pueden ni quitar ni cambiar.

Comprobar si hay bloques adicionales

Lo primero que debes verificar cuando tienes espacio en blanco no deseado es si hay un bloque adicional. Bloques espaciadores, Bloques de código y Bloques de texto vacíos pueden aparecer como áreas en blanco cuando el editor de páginas no está abierto. Los saltos de línea adicionales en Bloques de texto también pueden crear espacios en blanco.

To check for and delete unwanted blocks:

  1. En el menú de Inicio, haz clic en Páginas y, a continuación, en la página con el espacio en blanco que desees quitar.
  2. Pasa el cursor sobre la página y haz clic en Editar para abrir el editor de páginas. Para elementos de la colección individuales, como publicaciones de blog o eventos, haz clic en el elemento, coloca el cursor sobre este y haz clic en Editar.
  3. En el área de vista previa, coloca el cursor sobre el espacio en blanco. Si el espacio en blanco es de un bloque adicional, aparecerá una anotación con un ícono de papelera sobre el bloque.
  4. Haz clic en el ícono de papelera y, a continuación, en .
  5. Guarda tus cambios.

Puedes utilizar este proceso para cualquier área de contenido editable del sitio que admita bloques, como páginas, publicaciones de blog y pies de página.

For more help, visit Deleting a block.

Here's how this looks in version 7.0:

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 48 de 554