Eliminar espacio en blanco

Cambia la configuración de relleno en tu sitio para eliminar los espacios en blanco adicionales.

Última actualización: 26 de septiembre de 2024

Las áreas en blanco, también conocidas como “espacio en blanco” o “espacio negativo”, pueden ser un componente clave del diseño gráfico, creando un diseño tranquilo y abierto.

Si tienes un área en blanco en tu sitio que deseas ajustar o eliminar, probablemente se deba al relleno, que es el espacio integrado en un diseño alrededor de diferentes elementos del sitio, como los márgenes de página, la navegación, los encabezados y los pies de página.

Si utilizas nuestro editor clásico, también puede deberse a bloques adicionales en la página, como bloques de espacio.

Esta guía explica cómo solucionar problemas con los espacios en blanco.

Antes de comenzar

  • Todos los sitios de Squarespace te dan cierto control del relleno pero, en algunas áreas, tal vez no pueda ajustarse. En la versión 7.0, cada plantilla tiene sus propias opciones de estilo.
  • En el editor clásico, no se puede ajustar el relleno alrededor de los bloques, como el bloque de texto o el bloque de imagen.
  • La cantidad de espacio en blanco que aparece puede variar según el tamaño del dispositivo, la altura del navegador y la configuración de resolución. Ponte en contacto con el fabricante de tu dispositivo para obtener ayuda con la configuración de resolución, pero ten en cuenta que la apariencia puede variar para los visitantes debido al diseño adaptable de Squarespace.
  • Si la cantidad de contenido de tu página es menor que la de la ventana de tu navegador, es posible que aparezca un espacio en blanco entre el contenido de la página y el pie de página. No es posible evitar esto por completo, ya que esto asegura que tu sitio llene cualquier tamaño de navegador, pero puedes agregar más contenido a tu página para evitarlo en la mayoría de las ventanas del navegador.
  • Si tienes problemas con el relleno en tu sitio que no se pueden ajustar con cambios de estilo, el Squarespace Forum podría ayudarte. Ten en cuenta que no proporcionamos atención al cliente para modificaciones avanzadas que involucren código.

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. Abre el panel de 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, usa los ajustes para cambiar la altura, el ancho y el relleno de la sección.Las opciones disponibles pueden variar según el tipo de 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.

Abre el panel de Estilos del sitio.

En muchas plantillas, puedes editar directamente las áreas de relleno haciendo clic y arrastrando en la vista previa del sitio:

cilck-and-drag-padding.gif

También puedes buscar ajustes que afecten tu espacio en blanco:

  1. Desplaza el cursor sobre el espacio en blanco. Puede aparecer un recuadro resaltador de estilo de color azul alrededor del área que tiene el relleno. Haz clic en la página para mostrar solo los ajustes de estilo para ese elemento y ocultar el resto. Este acceso directo está disponible en la mayoría de las plantillas y para la mayoría de las áreas de tu sitio.
  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.
KB Guide Image

En cualquiera de las versiones:

  • La mayoría de los ajustes de relleno tienen un control deslizante. Mueve el control deslizante a 0px para eliminar el relleno por completo. También puedes escribir 0px manualmente y presionar Enter.
  • Comprueba cómo se ve tu relleno en dispositivos móviles, ya que los cambios de relleno pueden afectar a los diseños móviles de manera diferente.
  • 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

Si tienes espacios en blanco no deseados en el editor clásico, comprueba si hay bloques adicionales. Los bloques de espacio, 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 los bloques de texto también pueden crear espacios en blanco.

Para verificar y eliminar bloques que no quieres usar:

  1. Abre el panel de Páginas y haz clic 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, desplaza el cursor sobre el espacio en blanco. Si este es de un bloque adicional, aparecerá una anotación con el tipo de bloque. Haz clic en el bloque y aparecerá un ícono de papelera sobre este.
  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.

Para obtener más ayuda, visita Eliminar un bloque.

Así es como se ve en la versión 7.0:

KB Guide Image
Footer Image
  • Recibe ayuda de nuestra comunidad

  • Recibe la ayuda de nuestra comunidad para personalizaciones avanzadas.

  • Contrata a un Squarespace Expert

  • Destácate en línea con la ayuda de un diseñador o desarrollador con experiencia.