Se corrige para los problemas comunes que se encuentran en la familia de plantillas Brine.

Estos son algunos de los problemas con esta plantilla. Algunos son errores o problemas conocidos. Aunque seguimos brindando asistencia para la versión 7.0 de Squarespace, corregir errores o problemas es una prioridad menor para nosotros mientras nos concentramos en nuestra plataforma actual, la versión 7.1. Puedes cambiar tu sitio en la versión 7.0 a la versión 7.1 con nuestra herramienta para actualizar.

Para obtener ayuda general, visita la guía de plantillas de Brine o revisa la lista de plantillas de Brine.

Añade un botón al encabezado

Añadir un botón al encabezado es un gran modo de alentar un comportamiento específico, por ejemplo dirigir tráfico a una página en particular.

Algunas maneras de añadir un botón al encabezado son las siguientes:

• Usar la navegación: para crear una llamada a la acción en tu navegación, mantén un solo enlace en tu navegación secundaria y, luego, modifica el estilo de la navegación secundaria para que sea un botón. Modifica el estilo de tu navegación principal para que se corresponda con cualquier otro estilo.
• Usar el área de intro: Crea una llamada a la acción en ciertas páginas agregando un Bloque de botón en el área de intro. Añade texto u otros bloques para destacar tu mensaje.

No aparece la imagen o el video del banner

En Brine, los banners aparecen en la mayoría de los tipos de páginas, pero no se admiten en los siguientes elementos:

• Publicaciones individuales de blog, producto y páginas de detalles.
• Páginas de Portada
• Se agregaron imágenes destacadas a la página principal del índice. En su lugar, agrega imágenes destacadas a las secciones de contenido del índice.
• A veces, los banners de video no se muestran en dispositivos móviles, dependiendo de la velocidad de conexión del visitante y de la versión del navegador. Configura que aparezca una imagen de reserva para dispositivos móviles cuando el banner de video no se pueda cargar.

Si tu página admite banners, pero no están apareciendo, estos son algunos de los pasos para solucionarlo:

1. En Configuración de página, haz clic en la pestaña Medios.
2. Para las imágenes de banner, haz clic en Imagen. Para los banners de video, presiona Video.
3. Comprueba que la imagen o el video estén en su lugar.
4. Haz clic en Guardar y actualiza la página.

Si el banner no aparece, puedes hacer lo siguiente:

1. En estilos del sitio, desplázate hasta la sección Principal.
2. Aumenta el Relleno de la introducción (con imagen de fondo).
3. En la sección Principal: Superposición, cerciórate de que el Color de la superposición no sea completamente opaco.
4. Haz clic en Guardar y actualiza la página.

Los banners no aparecen sin bordes

Por lo general, los banners aparecen sin márgenes, es decir que se extienden hasta los bordes del navegador. Si tus banners no se comportan así, cambia el diseño de tu sitio:

1. En estilos del sitio, desplázate hasta la sección Sitio.
2. Elige Diseño: Ancho completo o Diseño: Fondo pleno.
3. En la sección Sitio: Bordes, verifica que Mostrar borde no esté marcado.
4. Haz clic en Guardar y actualiza la página.

Las publicaciones de blog no tienen secciones para comentarios

Los comentarios del blog están deshabilitados por defecto en la plantilla Brine, incluso si autorizas los comentarios en una publicación de blog individual.

Para habilitar los comentarios en tu sitio:

1. Abre el panel de Preferencias del blog.
2. Presiona Configuración de comentarios.
3. Marca Permitir comentarios globales. Aparecerán más configuraciones de los comentarios.

Para informarte mejor, visita Comentarios y Me gusta simples en el blog.

Cambiar el texto del mes en un calendario de página de eventos

En el diseño Calendario de la página de Eventos, el nombre del mes se centra por encima del calendario. La fuente, el tamaño y el color del texto del mes siguen los retoques de Encabezado 1. Para ajustar estos ajustes:

1. Navega a otra página del sitio que incluya el texto Encabezado 1.
2. Vuelve al panel Sitio web, y luego haz clic en Diseño y en Estilos del sitio.
3. Localiza los ajustes Encabezado 1 en Contenido: Fuentes y Contenido: Colores.
4. Haz clic en Guardar y, a continuación, vuelve a la Página de eventos para ver los cambios.

Las columnas aparecen en el lugar equivocado

Las columnas únicas con un recuadro de contenido se envuelven alrededor de los bloques flotantes.

Si el bloque que flota es más alto que el contenido de cada columna, puede interferir con el diseño del contenido en múltiples columnas que sigue. Para ajustarlo, añade un Bloque de Espacio arriba del contenido en múltiples columnas.

Crea una imagen de fondo de página completa

Puedes usar una Página de Índice para crear el efecto de una página única con una imagen de fondo:

1. Crea una Página de Índice.
2. Añade una sección de contenidos.
3. Agrega una imagen destacada a la sección de contenido. Esto crea la imagen de fondo.
4. Agrega el contenido de tu página a la sección de contenido. Se superpondrá a la imagen destacada.
5. Para extender la altura, añade espacios adicionales a un Bloque de texto en la parte inferior.

Crea un banner en modo presentación

Puedes usar una Página de Índice para crear el efecto de un anuncio de página con diapositivas:

1. Crea una Página de Índice.
2. Haz clic en Añadir sección para crear la primera sección.
3. Selecciona Galería y, a continuación, agrega varias imágenes a la colección.
4. Agrega una sección de índice de galería con varias imágenes como la primera sección.
5. En la sección Índice: Galería de Estilos del sitio, elige Diseño: Presentación. (Esto afecta todas las secciones de la galería de tu sitio).
6. En la sección Índice: Galería en modo presentación, verifica que la opción Reproducción automática de Galería esté marcada.
7. Agrega una sección de contenido debajo de la sección de índice de galería y añade el contenido de tu página.

Desactivar desplazamiento en paralelo

Para hacerlo, sigue estos pasos:

1. Ve a cualquier página que tenga una imagen de banner.
2. En estilos del sitio, desplázate hasta la sección Principal: superposición.
3. Desmarca Activar desplazamiento en paralelo.
4. Haz clic en Guardar y actualiza la página.

Esto afectará a todo tu sitio.

Los menús desplegables no aparecen en la navegación del pie de página

Los menús desplegables no se muestran como menús desplegables en la navegación del pie de página. En su lugar, puedes mostrarlos como columnas separadas con el título del menú desplegable como encabezado de la columna.

Para agregar menús desplegables a tu navegación, agrega el menú desplegable a la navegación principal o la navegación secundaria.

El menú desplegable en el encabezado aparece cortado

Si el último enlace de navegación de tu sitio a la derecha es un menú desplegable, los títulos de la página pueden aparecer cortados. Esto generalmente se muestra en pantallas más pequeñas (como tabletas) o cuando se reduce el ajuste de estilo de relleno del sitio. Para solucionarlo:

1. En el panel de Páginas, localiza el menú desplegable que crea tu menú desplegable.
2. Mueve el menú desplegable a otra posición en la sección de Navegación principal. Siempre y cuando tu menú desplegable no esté en la última posición, los títulos de las páginas aparecerán en su totalidad.

El pie de página tiene diferentes colores de fondo en las distintas páginas

Esto ocurre si el color de fondo del pie de página es parcial o completamente transparente. En las páginas sin imágenes destacadas, el color del pie de página se muestra sobre un fondo blanco. En las páginas con imágenes destacadas, el color de fondo del pie de página se muestra sobre el color del área de contenido principal.

Para solucionar esto:

1. En estilos del Sitio, desplázate hasta la sección Pie de página.
2. Cerciórate de que el color de fondo sea completamente opaco.

Despareció el área de los bloques medios del pie de página

A veces, cuando borras todos los contenidos del área de bloques medios, desaparecerán sus anotaciones en la vista Columnas. Para solucionarlo, cambia transitoriamente al diseño apilado:

1. En estilos del Sitio, desplázate hasta la sección Pie de página.
2. Elige Diseño: Apilado.
3. Sal de Estilos del sitio.
4. Añade contenido al área Bloques medios del Pie de página.
5. Vuelve a abrir Estilos del sitio y elige Diseño: Columnas.
6. Haz clic en Guardar.

Los elementos del encabezado no aparecen correctamente

Si se configura que demasiados elementos aparezcan en la misma área del encabezado, podrían superponerse en las tabletas o en los navegadores más pequeños.

Para obtener los mejores resultados, coloca cada elemento en una parte diferente del encabezado. Elige dónde aparecerá cada elemento en la sección Encabezado: Diseño de estilos del sitio.

No aparecen las opciones de encabezado en Estilos del sitio

Los retoques para algunos elementos solo aparecen en Estilos del sitio si dichos elementos ya están en tu sitio.

• Navegación: Estos ajustes aparecen una vez que has agregado páginas o enlaces a tu Navegación Primaria o Navegación Secundaria.
• Carrito de compras y cuenta de clientes: los ajustes aparecen después de que has creado una página de tienda. La función Compra rápida debe estar desactivada.
• Eslogan: Los retoques aparecen después de que agregues un eslogan.
• Encabezado: Parte inferior: Esta sección aparece después de que hayas añadido uno o más elementos a la mitad inferior del encabezado dentro de la sección Encabezado: Diseño.
• Encabezado: Parte superior: Esta sección aparece después de que hayas añadido uno o más elementos en la mitad inferior del encabezado dentro de la sección Encabezado: diseño.
• Área de introducción: Los ajustes aparecen cuando estás en una página que admite áreas de introducción.
• Banner: Los ajustes aparecen cuando estás en una página que admite banners.

Los encabezados se dividen en dos líneas con determinados anchos

En la familia Brine, algunos encabezados se dividen en dos líneas cuando el navegador tiene alrededor de 1400 píxeles de ancho y, luego, vuelven a estar en una línea con alrededor de 1120 píxeles. Esto es parte del diseño de la plantilla.

Los íconos y el título del sitio se superponen en los dispositivos móviles

Si los elementos en tu barra de navegación móvil se superponen, mueve uno o más de ellos a la otra barra de navegación.

Por ejemplo, para mover el ☰ de la barra de navegación superior a la inferior:

1. En estilos del sitio, desplázate hasta la sección Dispositivos móviles: ícono del menú.
2. Cambia la Posición a Inferior (izquierda, derecha o centro).

Repite estos pasos para cualquier elemento que se superponga.

Las secciones del índice no aparecen con la altura del navegador

Si deseas configurar algunas o todas las secciones de contenido para que aparezcan con la altura del navegador:

1. En estilos del sitio, desplázate hasta la sección Índice: página.
2. Utiliza Aplicar altura mínima para definir qué secciones se ven afectadas.
3. Establece la altura mínima en 100vh.

Si tu sección no llena la altura del navegador:

• Prueba con Relleno (Páginas en superposición) y Relleno hasta obtener el aspecto que te gusta.
• Si el contenido de tu sección (incluido el relleno) es más grande que la altura del navegador, conservará su altura original.
• El ajuste de Márgenes en Espejo también podría afectar cómo aparecen las primeras secciones.

Para secciones de índice de galería:

• Diseño: Diapositivas: Marca Usar altura fija para configurar manualmente la altura.
• La altura se configura automáticamente según la cantidad y el tamaño de las imágenes de la galería.

El borde en espejo de la Página de Índice no tiene el color correcto

El color de los márgenes en espejo de Brine es igual que el de la página. Para configurarlo, usa Color en la sección Principal de Estilos del sitio.

Las imágenes no se muestran con el ancho del sitio

Los bloques de Imagen no siguen el recuadro de contenido. En su lugar, tienen el mismo ancho del sitio. Ajusta el ancho del sitio con Ancho en la sección Sitio de estilos del sitio.

También puedes marcar Ampliar en el Editor de Bloque de Imágenes para asegurarte de que la imagen aparezca en todo el ancho del bloque.

Consejo: Crea imágenes sin bordes en las Páginas de Índice de Brine agregando una sección de Página de Diseño con una imagen de fondo o una sección de Página de Galería en modo presentación.

La barra de información para dispositivos móviles se superpone

Si el encabezado de tu sitio se superpone a tu barra de información para dispositivos móviles, los visitantes pueden tener problemas para explorar el contenido de tu sitio. Esto sucede cuando el ajuste fijo de estilo superior móvil y la barra están habilitados. Para solucionar esto:

1. En estilos del sitio, desplázate hasta la sección Dispositivos móviles: arriba.
2. Verifica que la configuración de la parte superior móvil fija no esté marcada.

Si prefieres dejar el ajuste fijo de la parte superior móvil en su lugar, puedes quitar la barra de información para dispositivos móviles.

El sitio para dispositivos móviles tiene desplazamiento horizontal

Tal vez veas el desplazamiento horizontal si hiciste un acercamiento en la página. Intenta actualizar tu navegador en dispositivos móviles para reconfigurar el acercamiento.

Si hacerlo no soluciona el problema, tal vez tu sitio tenga un relleno lateral inferior a 17 píxeles, lo que puede hacer que tu sitio para dispositivos móviles sea más ancho que la ventana del navegador. Para repararlo, haz lo siguiente:

1. En estilos del sitio, desplázate hasta la sección Sitio.
2. Comprueba que el Relleno del sitio tenga 17 píxeles o más.

No aparecen los estilos para dispositivos móviles

Si tus configuraciones de estilos para dispositivos móviles no aparecen en los dispositivos móviles ni en la vista en dispositivo, tal vez sea porque tu sitio cambia a la vista en dispositivos móviles en los navegadores demasiado estrechos. Para reconfigurar el ancho en el cual cambia, sigue estos pasos:

1. En estilos del sitio, desplázate hasta la sección Dispositivos móviles.
2. Cerciórate de que tu Punto de corte para dispositivos móviles esté configurado en 640 píxeles o más.
3. Haz clic en Guardar.

La barra de navegación tiene un color no previsto

Si ajustas la opacidad de la barra de navegación inferior, su color cuando te desplazas hacia la parte inferior depende de tus configuraciones. Si el sitio tiene un borde, aparece sobre dicho color. Por el contrario:

• Si la página tiene un banner, aparece sobre el color de fondo del sitio
• Si no tiene un banner, aparece sobre el color de fondo del pie de página

Las imágenes en paralelo están demasiado recortadas

En la sección Principal: Superposición, marca Recorte inteligente del desplazamiento en paralelo. Con esta opción marcada, las imágenes de banner se recortan en la medida mínima necesaria con el fin de que aparezcan para el desplazamiento en paralelo.

El titulo del sitio web luce de manera diferente en los dispositivos móviles

Puedes cambiar cómo luce el título de tu sitio según el dispositivo. Configura un estilo de fuente distinto para las computadoras de escritorio y para tus dispositivos móviles con los estilos personalizables para dispositivos móviles de tu plantilla.

Para mantener la uniformidad de tus elementos de gestión de la marca entre los diferentes dispositivos, selecciona el mismo estilo de fuente en las secciones Gestión de marca para dispositivos móviles y Gestión de marca en el encabezado dentro de estilos del sitio.

Los íconos de redes sociales en el encabezado superior son del color incorrecto en las páginas de índice

Si la primera sección del índice es una galería y tienes activada la opción Superponer encabezado en la primera galería de índice, los íconos de redes sociales del encabezado siguen automáticamente el ajuste de Color (Superposición) en Íconos de redes sociales. Sin embargo, este ajuste solo aparece cuando se establece la Posición de redes sociales en Encabezado: Diseño en una de las opciones de encabezado inferior. Como resultado, los íconos de redes sociales colocados en el encabezado superior pueden tener un color inesperado que no se puede cambiar.

Para cambiar este ajuste de color, establece temporalmente Posición en redes sociales en Encabezado: Diseño en una de las opciones de encabezado inferior. Después de cambiar el color, mueve los íconos de redes sociales de nuevo al encabezado superior.

El texto es estrecho y aparece en el centro

Cuando ciertos bloques están en una sola columna, automáticamente se insertan en la mitad de la página con un espacio en blanco a ambos lados. Esto se conoce como recuadro de contenido.

Para eliminar el recuadro de contenido, configura el ajuste de Recuadro de contenido en 0, en la sección Principal de estilos del sitio.