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

Retoques de Estilos del sitio para la plantilla Brine

Esta es una lista de todos los ajustes de Estilos del sitio para las plantillas de la familia Brine. Ve una lista de las plantillas de Brine.

La plataforma Squarespace evoluciona constantemente con el fin de brindarte las mejores herramientas posibles para crear tu página web. Si la plataforma cambió hace poco, es probable que veas opciones ligeramente diferentes de las siguientes. La mejor manera de conocer la función de cualquier ajuste es experimentar con él y ver qué cambia en tu sitio.

Consejo: Para recibir ayuda sobre temas generales, consulta la guía de la plantilla Brine.

Antes de comenzar

Los ajustes de (Superposición) afectan a los elementos que aparecen encima de las imágenes de los anuncios. En la página de Índice, se aplican a las secciones de contenido con imágenes de fondo y a todas las secciones de galerías.

Íconos de redes sociales

Activa los iconos integrados de las redes sociales en la secciónEncabezado: Diseño.

  • Tamaño
  • Estilo: Normal, Borde, Reserva de color, Sólido
  • Forma: Cuadrada, Redonda, Círculo
  • Color
  • Color (Superposición)

Sitio

Sitio

  • Fondo: El color de fondo del sitio, visible desde Diseño: Ancho restringido.
  • Diseño:Ancho pleno, Fondo pleno, Ancho restringido:  Infórmate más.
  • Ancho
  • Relleno del sitio
  • IconosHairline, Light, Medium, HeavyAfecta tanto las versiones para dispositivos móviles como de computadora de escritorio.

Sitio: Borde 

  • Mostrar el borde
  • Ancho
  • Color

Sitio: Cargando

  • Activar la Carga de Ajax: Infórmate mejor.
  • Mostrar la Barra de carga
  • Ancho
  • Color

Encabezado

El encabezado se divide en las secciones superior e inferior.

Encabezado: Superior

  • Fondo: Color del fondo del encabezado superior.
  • Relleno
  • Diseño a la izquierdaHorizontal, apilado
  • Diseño al centroHorizontal, apilado
  • Diseño a la derechaHorizontal, Apilado

Encabezado: Parte Inferior

  • Relleno
  • Diseño a la izquierdaHorizontal, apilado
  • Diseño al centroHorizontal, apilado
  • Diseño a la derechaHorizontal, Apilado

Encabezado: Diseño

  • Espaciado de los Elementos (Horizontal)
  • Espaciado de los Elementos (Vertical)
  • Posición de la marca
  • Posición del subtítulo
  • Posición de la navegación principal
  • Posición de la Navegación secundaria
  • Posición de los iconos de redes sociales
  • Posición de búsqueda
  • Posición del carrito
  • Posición del enlace de cuentas de clientes

Cada uno de los elementos del encabezado puede aparecer en las siguientes áreas del encabezado:

  • Arriba a la izquierda
  • Arriba al centro
  • Arriba a la derecha
  • Abajo a la izquierda
  • Abajo al centro
  • Abajo a la derecha 

O selecciona Ocultar para ocultar cualquier elemento.

Encabezado: Personalización de la marca 

  • Ancho del logotipo
  • Fuente
  • Color
  • (Superposición) de color: Elige el color sobre los banners.

Encabezado: Eslogan

  • Fuente
  • Color
  • (Superposición) de color: Elige el color sobre los banners.

Encabezado: Navegación principal

Los ajustes de (Superposición) definen el color sobre los banners.

  • Espacio entre enlaces
  • EstiloLiso, Difuminar, Foco, Activo, Botón
  • Estilo del botón: Sólido, Delineado, Sobresalido
  • Forma del botón: Cuadrado, Redondo, Píldora
  • Fuente
  • Color
  • Color del Área Activa
  • Color del texto del botón
  • Color de la carpeta
  • Color del texto de la carpeta
  • Color (Superposición)
  • Color de enlace activo (Superpuesto)
  • Color del texto del botón (superposición)
  • Color de la carpeta (Superpuesto)
  • Color del texto de la carpeta (Superpuesto)

Encabezado: Navegación secundaria 

Los ajustes de (Superposición) definen el color sobre los banners.

  • Usar los estilos de la navegación primaria: desmarca esta opción para que el estilo de la Navegación Secundaria sea diferente al de la Navegación Primaria.
  • Espacio entre enlaces
  • EstiloLiso, Difuminar, Foco, Activo
  • Estilo del botón: Sólido, Delineado, Sobresalido
  • Forma del botón: Cuadrado, Redondo, Píldora
  • Fuente
  • Color
  • Color del Área Activa
  • Color del texto del botón
  • Color de la carpeta
  • Color del texto de la carpeta
  • Color (Superposición)
  • Color de enlace activo (Superpuesto)
  • Color del texto del botón (superposición)
  • Color de la carpeta (Superpuesto)
  • Color del texto de la carpeta (Superpuesto)

Cambia el estilo de la barra de búsqueda. Los ajustes de (Superposición) definen el color sobre los banners.

  • Estilo: Rectángulo, Subrayado, Solo icono
  • Mostrar el texto del marcador de posición: Añade o borra el texto "Buscar"
  • Fuente
  • Escala de los iconos: Configura el tamaño del icono
  • Color del icono
  • Color del fondo
  • Color del borde
  • Color del texto
  • Color del icono (Superpuesto)
  • Color del fondo (Superpuesto)
  • Color del borde (superposición)
  • Color del texto (superposición)

Encabezado: Carrito 

Cambia el estilo del carrito de compras. Los ajustes de (Superposición) definen el color sobre los banners.

  • Estilo: Texto, Carrito, Bolsa, Carrito (Alternativo), Bolsa (Alternativo)
  • Fuente
  • Color
  • Color de la cantidad
  • Color del texto de la cantidad
  • Color (Superposición)
  • Color de la cantidad (Superpuesto)
  • Color del texto de la cantidad (Superpuesto)

Encabezado: Enlace de cuentas de clientes

  • Estilo: Texto o icono.
  • Fuente
  • Color

Principal

Principal 

  • Color: Ajusta el color de fondo del área principal de contenidos.
  • Relleno de la introducción (sin imagen de fondo): Elige los espacios por encima y por debajo del contenido en las áreas de introducción de todas las páginas sin banners. Este ajuste aparece cuando te encuentras en una página que no tiene banners.
  • Relleno de la introducción (con imagen de fondo): Elige el espacio por encima y por debajo del contenido en las áreas de introducción que aparecen por arriba de los banners. Este ajuste aparece cuando te encuentras en una página que tiene banners.
  • Relleno de la sección de contenido: Configura el espacio por encima y por debajo del contenido de la página.
  • Recuadro de contenido: Establece el ancho del recuadro de contenido. Debe haber, al menos, un bloque afectado en la página para que aparezca este ajuste.

Principal: Superposición

  • Activar desplazamiento en paralelo: Habilita el desplazamiento en paralelo para los banners.
  • Recorte inteligente del desplazamiento en paralelo: Garantiza que los banners recorten lo mínimo.
  • Color de la superposición: Añade un filtro de color en todos los banners de tu sitio.

Índice

Infórmate mejor sobre las Página de Índice de Brine.

Índice: Navegación

Cambia el estilo de la Navegación del Índice.

  • Estilo: Ninguno, Radio, Puntos llenos, Puntos difuminados, Líneas horizontales, Líneas verticales, Líneas horizontales que se expanden 
  • Posición: Izquierda, Derecha
  • Punto de corte: Fija el ancho del navegador en el cual la navegación del Índice desaparecerá. 640 píxeles es el estándar para los dispositivos móviles
  • Desplazamiento
  • Espacios
  • Tamaño del indicador
  • Color: Fija el color del círculo o de la línea de las secciones no activas.
  • Color de sección activa: Configura el color del círculo o de la línea de la sección que esté activa.
  • Color (superposición) : para secciones de contenido con imágenes de fondo y secciones de índice de galería.
  • Color activo (superposición) : para secciones de contenido con imágenes de fondo y secciones de índice de galería.
  • Mostrar los títulos: Elige si los títulos aparecerán cuando posiciones el cursor sobre ellos.
  • Fuente
  • Color del texto
  • Color del texto (superposición)

Índice: Página 

  • Relleno
  • Relleno (Páginas superpuestas)
  • Aplicar altura mínimaNinguna, Solo primera página, Solo páginas con fondos, Todas las páginas: Este ajuste afecta las secciones de contenido.
  • Altura mínima: Configura la altura mínima. Esto usa un porcentaje de la altura de la ventana de visualización (la parte del navegador en la que aparece tu sitio). Por ejemplo, si eliges 100vh, la sección ocupa el 100 % de la altura de la ventana de visualización. La altura real en píxeles varía según la altura del navegador o del dispositivo de quien visita el sitio.
  • Borde en espejo después de la primera página: Agrega relleno debajo de algunas primeras secciones.

Índice: Indicador de desplazamiento

  • Opción: Ninguno, Solo icono, Icono y texto
  • Icono: Línea, Flecha
  • Peso del icono: Delgado, Ligero, Medio, Pesado
  • Fuente
  • Color

Modifica el estilo de las secciones del índice de galería.

  • Encabezado en superposición en la Galería del primer Índice: Si la primera sección de tu Índice es una galería, elige si el encabezado inferior se superpondrá a ella.
  • DiseñoEmpaquetado, dividido, cuadrícula, diapositivas: Configura el diseño para todas las secciones del Índice de la galería. Empaquetadodividido configuran sus diseños automáticamente según la cantidad y el tamaño de las imágenes de la galería, además de su relleno.
  • Espacios
  • Añadir espacio a los lados
  • Añadir espacio arriba/abajo
  • Usar altura fija: Configura la altura (solo para las secciones con diapositivas)
  • Márgenes en espejo debajo de la primera Galería: Añade relleno debajo de algunas primeras secciones.
  • Relación de aspecto: Ajusta la forma. Configurar el porcentaje del control deslizante en 100 crea imágenes cuadradas. Si necesitas más ayuda, consulta nuestros consejos sobre cómo calcular la relación de aspecto como un porcentaje.
  • Máximo de elementos por fila: Aparece con Diseño: Cuadrícula.
  • Ancho mínimo de los elementos: Aparece con Diseño: Cuadrícula.
  • Estilo del posicionamiento del cursor: Liso, Difuminar
  • Superposición de imagen: Ajusta la superposición de color.

Ajusta el estilo de las secciones de índice de galería cuando esté configurado como Diseño: Presentación de diapositivas.

  • Controles de Siguiente/Previo: Ninguno, Flechas grandes, Flechas pequeñas: Añade u oculta las flechas de navegación que aparecen sobre la galería.
  • Controla el desplazamiento
  • Controla el relleno
  • Controla el peso: Delgado, Ligero, Medio, Pesado
  • Controla el color
  • Controla el color de fondo
  • Indicadores: Ninguno, Puntos, Línea: Ajusta los puntos o las líneas que muestran cuántas imágenes hay en la galería.
  • Desplazamiento de indicadores
  • Ancho de indicadores
  • Altura de indicadores
  • Espaciado entre indicadores
  • Color de indicadores
  • Color de indicadores (Activo)
  • Reproducción automática: Elige si la presentación avanza a través de las imágenes de manera automática.
  • Duración de la reproducción automática (segundos)
  • Transiciones: Ninguna, Difuminar, Desplazar, Tarjeta: Elige cómo avanza la galería de una imagen a la otra.
  • Duración de la transición (milisegundos)

Ajusta el estilo de los títulos y descripciones que aparecen sobre las imágenes de la galería.

  • Posición del contenidoArriba a la izquierda, Arriba al centro, Arriba a la derecha, Centro a la izquierda, Centro al centro, Centro a la derecha, Abajo a la izquierda, Abajo al centro, Abajo a la derecha
  • Contenido desplazado (Superior)
  • Contenido desplazado (Derecha)
  • Contenido desplazado (Inferior)
  • Contenido desplazado (Izquierda)
  • Ancho máximo del contenido
  • Relleno del contenido
  • Alineación del texto del contenidoIzquierda, Centro, Derecha
  • Fondo del contenido
  • Fuente del título
  • Color del título
  • Fuente del texto
  • Color del texto

Contenido

Fuentes del contenido

  • Cuerpo del texto
  • Encabezado 1
  • Encabezado 2
  • Encabezado 3

Colores del contenido

Los ajustes de (Superposición) definen el color sobre los banners.

  • Cuerpo del texto
  • Encabezado 1
  • Encabezado 2
  • Encabezado 3
  • Vínculos: afecta los vínculos del cuerpo del texto.
  • Líneas
  • Cuerpo del texto (Superpuesto)
  • Encabezado 1 (Superpuesto)
  • Encabezado 2 (Superpuesto)
  • Encabezado 3 (Superpuesto)
  • Vínculo (superposición): afecta los vínculos del cuerpo del texto.
  • Líneas (Superpuesto)

Pie de página

  • Mostrar pie de página: Mostrar u ocultar el pie de página en todas las páginas.
  • DiseñoApilado, En columnas
  • Columnas con ancho automático: Elige si deseas modificar manualmente el ancho de las columnas. Usa los ajustes de Ancho en las secciones Pie de página: Empresas y Pie de página: Navegación para configurar los anchos.
  • Relleno
  • AlineaciónIzquierda, Centro, Derecha
  • Color de fondo

Ajusta el estilo de la Información comercial.

  • Mostrar la información de la empresa
  • Ancho de la información de la empresa: Aparece cuando no está marcado Columnas de ancho automático
  • Fuente del nombre
  • Color del nombre
  • Fuente del Área de información
  • Color del Área de información
  • Mostrar el horario de atención
  • Ancho del horario de atención: Aparece cuando no está marcado Columnas de ancho automático
  • Fuente del encabezado de horas de atención
  • Color del encabezado de horas de atención
  • Fuente de las horas de atención
  • Color de las horas de atención
  • Ancho de la columna de navegación: Aparece cuando no está marcado Columnas de ancho automático
  • Fuente del encabezado de navegación
  • Color del encabezado de navegación
  • Fuente de la navegación
  • Color de la navegación
  • Cuerpo del texto 
  • Encabezado 1 
  • Encabezado 2 
  • Encabezado 3 
  • Vínculos: afecta los vínculos del cuerpo del texto.
  • Líneas

Móvil

Ajusta cómo los elementos del encabezado de tu sitio aparecen en los dispositivos móviles.

Móvil

  • Punto de interrupción para dispositivos móviles: Elige el ancho del navegador en el cual tu encabezado cambiará a vista en dispositivos móviles. El valor preconfigurado es de 640 píxeles.

Dispositivos móviles: Parte superior 

Para añadir una barra para dispositivos móviles superior, agrega un elemento de encabezado para dispositivos móviles (personalización de la marca, icono del menú, icono de búsqueda, carrito de compras) a una de las posiciones Superiores en las secciones que siguen.

  • Fijo en la parte superior para dispositivos móviles: Elige si la barra superior quedará fija arriba o si se desplazará con la página. La barra inferior siempre es fija.
  • Fondo superior: Ajusta el color de la barra móvil superior.

Dispositivos móviles: Abajo 

Para añadir una barra para dispositivos móviles inferior, agrega cualquier elemento del encabezado para dispositivos móviles (personalización de la marca, icono del menú, icono de búsqueda, carrito de compras) a una de las posiciones Inferiores en las secciones que siguen. Esta sección no aparecerá si todos los elementos están en la barra superior.

  • Fondo de la parte inferior: Ajusta el color de la barra inferior en dispositivos móviles.

Dispositivos móviles: Personalización de la marca 

Ajusta el estilo de cómo aparecerán el título del sitio o el logotipo en los dispositivos móviles. 

  • PosiciónOculto, Arriba a la izquierda, Arriba al centro, Arriba a la derecha, Abajo a la izquierda, Abajo al centro, Abajo a la derecha
  • Ancho del logotipo: Ajusta el tamaño del logotipo.
  • Fuente: Configura la fuente para el título del sitio web. Para que la personalización de la marca sea uniforme en todos los dispositivos, usa la misma fuente que en la sección Encabezado: Personalización de la marca.
  • Color: Elige el color del título.

Dispositivos móviles: Icono del menú 

Ajusta el estilo del icono ☰.

  • Posición del icono del menúOculto, Arriba a la izquierda, Arriba al centro, Arriba a la derecha, Abajo a la izquierda, Abajo al centro, Abajo a la derecha: Elige si aparecerá en la barra superior o inferior para dispositivos móviles.
  • Icono del menú: Hamburguesa, Dos líneas, Signo más, Puntos horizontales, Puntos verticales, Cuadrados horizontales, Cuadrados verticales
  • Color del icono del menú: Cambia el color

Móvil: Icono de búsqueda 

Ajusta el estilo del icono de la barra de búsqueda.

  • PosiciónOculto, Arriba a la izquierda, Arriba al centro, Arriba a la derecha, Abajo a la izquierda, Abajo al centro, Abajo a la derecha
  • Color

Dispositivos móviles: Carrito 

Ajusta el estilo del carrito de compras que aparece cuando añades una Página de tienda a tu sitio. Para que la gestión de marca sea uniforme en todos los dispositivos, usa el mismo estilo que en la sección de Encabezado: Carrito de compras.

  • PosiciónOculto, Arriba a la izquierda, Arriba al centro, Arriba a la derecha, Abajo a la izquierda, Abajo al centro, Abajo a la derecha
  • EstiloTexto, carrito de compras, bolsa: Elige el estilo del carrito de compras en sitios móviles.
  • Fuente: Ajusta la fuente para un carrito de compras de Texto.
  • Color: Elige el color del icono o del texto.
  • Color de la cantidad: Ajusta el círculo de la cantidad del estilo del Carrito de compras.
  • Color del texto de la cantidad

Dispositivos móviles: Enlace a cuentas de clientes 

Si activaste las cuentas de los clientes, ajusta cómo aparecerá tu enlace de Inicio de sesión / Mi cuenta en los dispositivos móviles.

  • Posición: Oculto, Arriba a la izquierda, Arriba al centro, Arriba a la derecha, Abajo a la izquierda, Abajo al centro, Abajo a la derecha
  • Estilo: Texto o Icono.
  • Fuente: Configura la fuente del enlace. Para que la personalización de la marca sea uniforme en todos los dispositivos, usa la misma fuente que en la sección Encabezado: Cuenta de clientes.
  • Color: Elige el color del enlace.

Menú en dispositivos móviles: General

Ajusta la superposición que aparece cuando tocas el icono del menú en los dispositivos móviles.

  • LateralIzquierda, derecha
  • Color de Fondo
  • Mostrar el botón Cerrar
  • Color de fondo del icono Cerrar
  • Color del icono Cerrar
  • Color del menú
  • Color del indicador: Configura el color del icono de la carpeta ampliar/contraer

Menú en dispositivos móviles: Principal

  • Fuente
  • Color del texto
  • Convertir la Navegación principal en Botones
  • Estilo del botón: Sólido, Delineado, Elevado: Las subpáginas de la carpeta no aparecerán como botones.
  • Forma del botón: Cuadrado, Redondo, Píldora
  • Fuente
  • Color del botón
  • Color del texto del botón

Menú en dispositivos móviles: Secundario

  • Usar los estilos de la navegación primaria: desmarca esta opción para que el estilo de navegación secundaria sea diferente al de la navegación primaria.
  • Fuente
  • Color del texto
  • Convertir la Navegación secundaria en botones
  • Estilo del botón: Sólido, Delineado, Elevado: Las subpáginas de la carpeta no aparecerán como botones.
  • Forma del botón: Cuadrado, Redondo, Píldora
  • Fuente
  • Color del botón
  • Color del texto del botón

Bloque de Cita

  • Alineación: Izquierda, Centro, Derecha
  • Fuente de la cita
  • Origen de la cita

Opciones de álbum

Estos ajustes aparecen en las Página de Álbum.

  • Color del Texto del álbum
  • Ocultar el Enlace para compartir el álbum

Blog

Estos ajustes aparecen en las Páginas de Blog en cuadrícula/apiladas.

Blog: Metadatos 

Puedes mostrar hasta dos tipos de metadatos en las Páginas de Blog y en las publicaciones de blog.

  • Primaria: Ninguna, Categoría, Autor, Fecha, Ubicación, Etiquetas, Comentarios
  • SecundariaNinguna, Categoría, Autor, Fecha, Ubicación, Etiquetas, Comentarios 

Blog: Lista 

  • EstiloCuadrícula, Apilado
  • Entradas por fila (máx.)
  • Espacios
  • Mostrar separador: Añadir o borrar una línea entre las publicaciones apiladas.
  • Ancho del separador 
  • Color del separador 
  • AlineaciónIzquierda, Centro, Derecha
  • Espaciado de los elementos 
  • Mostrar imagen
  • Relación de aspecto de la imagen
  • Ancho máximo de la imagen
  • Mostrar título
  • Mostrar fragmento
  • Enlace a Leer másOcultar, Incorporado, Debajo del fragmento
  • MetadatosArriba del título, Abajo del título, Abajo del contenido
  • Mostrar etiqueta de paginación
  • Mostrar flechas de paginación
  • Peso de la fecha de paginaciónDelgado, Ligero, Medio, Sólido

Blog: Elemento 

  • AlineaciónIzquierda, Centro, Derecha
  • Espaciado entre elementos
  • Metadatos: Arriba del título, Debajo del título
  • Iconos de CompartirArriba del contenido, Debajo del contenido
  • Mostrar flechas de paginación
  • Mostrar etiqueta de paginación
  • Mostrar el título de paginación
  • Metadatos de paginaciónOculto, Categoría, Autor, Fecha, Ubicación, Etiquetas
  • Peso de la fecha de paginaciónDelgado, Ligero, Medio, Sólido

Blog: Tipografía y colores

  • Fuente del título de lista
  • Fuente del título del elemento
  • Color del título
  • Fuente de los metadatos
  • Color de los metadatos
  • Fuente del fragmento
  • Color del fragmento
  • Fuente del enlace Leer más
  • Color del enlace Leer más
  • Fuente de la etiqueta de paginación
  • Color de la etiqueta de paginación
  • Color de la flecha de paginación

Eventos

Estos ajustes aparecen en las Páginas de Eventos.

  • Desactivar Páginas de Elementos
  • Mostrar Eventos pasados
  • Mostrar miniaturas
  • Tamaño de la imagen en miniatura
  • Mostrar Etiqueta de Fecha
  • Mostrar Etiqueta de Fecha y Hora
  • Mostrar Categorías
  • Mostrar Fecha
  • Mostrar Hora
  • Mostrar Ubicación
  • Mostrar enlaces de exportación
  • Mostrar Botones de redes sociales
  • Mostrar fragmento
  • Mostrar Botón
  • Mostrar enlace de Regresar
  • Horario en formato de 24 horas
  • Vista apilada
  • Mostrar iconos

Estilos de la galería

Estos ajustes aparecen en las Páginas de Galería estándar.

  • Diseño de galería: Configura el diseño.
  • Relación de aspecto
  • Espacio de Cuadrícula
  • Ancho mínimo de la columna
  • Estilo de lightbox: Oscuro, Claro
  • Navegación de la Galería: Imágenes en miniatura, Viñetas, Números, Círculos, Simple, Ninguna
  • Superposición con información sobre la Galería: Mostrar siempre, Mostrar cuando se posiciona el cursor, Ocultar
  • Relación de Aspecto de la Galería
  • Estilo de las flechas de la Galería: Esquinas redondeadas, Rectangular, Circular, Sin fondo
  • Transiciones de la galería: Difuminar, Deslizar
  • Mostrar Flechas de la Galería
  • Recorte Automático de la Galería
  • Reproducción automática de la Galería
  • Repetición de la Galería
  • Velocidad de reproducción automática de la galería (segundos)
  • Tamaño de la imágenes de miniatura de la Galería
  • Fondo de las flechas de la galería
  • Color de las flechas de la galería
  • Color del Círculo de la Galería
  • Fondo del Área de información de la Galería

Productos

Estos ajustes aparecen en Páginas de la tienda avanzadas.

Productos: Diseño 

  • Elementos por fila
  • Espaciado entre elementos
  • Relación de aspecto de la imagen
  • Conducta del producto cuando se posiciona el cursor sobre esteMostrar imagen alternativa, Difuminar, Ninguna
  • Espacios
  • Relleno superior
  • Pantalla de navegaciónSolo en la ruta de navegación, Solo en paginación, Ruta de navegación y Paginación, Ninguna
  • Estilo de paginación Anterior/Siguiente, Títulos
  • Alineación de la navegación: Izquierda, centro, derecha, dividida
  • Fuente de la navegación
  • Color de la navegación
  • Color del separador de la navegación

Productos: Detalles 

  • PosiciónDebajo, Superpuesto
  • Posición (dispositivos móviles)Debajo, Superpuesto
  • AlineaciónOpciones debajo de la imagen: Centro, Izquierda. Opciones para la superposición: Arriba a la izquierda, Arriba al centro, Arriba a la derecha, Centro a la izquierda, Centro al centro, Abajo a la Izquierda, Abajo centro, Abajo derecha.
  • Color de la superposición
  • Relleno de la superposición
  • Espacios
  • Mostrar título
  • Fuente del título
  • Color del título
  • Color del título (dispositivos móviles)
  • Espaciado del título
  • Mostrar precio
  • Fuente del precio
  • Color del precio
  • Color del precio (dispositivos móviles)
  • Color del Precio con descuento
  • Color del Precio con descuento (dispositivos móviles)
  • Espaciado del precio
  • AlineaciónIzquierda, Centro, Derecha
  • Espacios
  • Mostrar título
  • Fuente del título
  • Color del título
  • Mostrar precio
  • Fuente del precio
  • Color del precio
  • Color del Precio con descuento
  • Mostrar fragmento
  • Posición del fragmentoArriba del precio, Debajo del precio, Debajo del botón Añadir al carrito
  • Fuente del fragmento
  • Color del fragmento
  • Color del enlace del fragmento
  • Mostrar botones Compartir

Productos: Clasificar + Filtrar 

  • Mostrar: Oculto, Arriba, A la izquierda, A la derecha
  • Ancho
  • Margen
  • Espaciado entre elementos
  • AlineaciónIzquierda, Centro, Derecha
  • Fuente
  • Color
  • Color del Área Activa

Productos: Galería 

  • PosiciónIzquierda, Derecha
  • DiseñoPresentación, Apilado
  • Ancho
  • Relación de aspecto
  • Alineación de las imágenes en miniaturaIzquierda, Centro, Derecha
  • Ancho de la imagen en miniatura
  • Espaciado de la imagen en miniatura
  • Espacios

Productos: Opciones 

  • Mostrar las variantes
  • Mostrar Cantidad
  • EstiloSolo texto, Cuadrado, Redondo, Píldora
  • Color del borde
  • Color de fondo
  • Fuente de la etiqueta
  • Color de la etiqueta
  • Fuente
  • Color del texto

Productos:
Botón Añadir al carrito

  • Mostrar Botón
  • EstiloSólido, Delineado, Elevado
  • Forma:  Cuadrada, Redonda, Círculo
  • RellenoPequeño, Mediano, Grande
  • Color
  • Color del texto
  • Fuente

Producto: Ampliación de Imagen

  • Activar la Ampliación de imagen
  • Factor de ampliación
  • La Ampliación se activa conPosicionar el cursor, Hacer clic
  • Habilitar Lightbox

Productos: Productos relacionados

  • Elementos por fila
  • Espaciado entre elementos
  • Relación de aspecto de la imagen
  • Alineación de los detalles
  • Espaciado entre los títulos de los elementos

Productos: rótulos de estado 

  • EstiloRectángulo, Cuadrado, Círculo, Ninguno
  • Color de Venta
  • Color de agotado
  • Fuente
  • Relleno
  • PosiciónArriba a la izquierda, Arriba al centro, Arriba a la derecha, Centro a la izquierda, Centro al centro, Centro a la derecha, Abajo a la izquierda, Abajo al centro, Abajo a la derecha
  • RecuadroFlotante, Descarga, Anclar verticalmente, Anclar horizontalmente
  • Tamaño del recuadro

Productos: Botón de vista rápida

  • EstiloBarra, Flotante, Anclado
  • Color
  • Fuente
  • Relleno
  • PosiciónArriba, Centro, Abajo
  • Tamaño del recuadro

Productos: Lightbox de vista rápida 

  • Relleno
  • Color de la superposición
  • Color de fondo
  • Vista del fragmento: Truncar, Ocultar
  • Controles: Mostrar flechas
  • Controles: Mostrar el botón de Cerrar
  • Controla el color
  • Controla el peso: Delgado, Ligero, Medio, Pesado
  • Tamaño de los controles 

Botones Compartir

Estos ajustes aparecen en las publicaciones de blog o en las páginas de elementos del producto. Los ajustes que aparezcan dependen de la opción que hayas elegido para el ajuste de Estilo.

  • EstiloSolo icono, Delineado, Elevado
  • Mostrar iconos
  • Mostrar etiquetas
  • Mostrar recuentos
  • Redondeo
  • Tamaño
  • Espacios
  • Borde: Ancho
  • Borde: Color
  • Íconos: Color estándar
  • Íconos: Color personalizado
  • Fondo: Color estándar
  • Fondo: Color personalizado
  • Etiqueta: Fuente
  • Etiqueta: Color

Páginas de Portada

Las páginas de portada tienen un estilo independiente de la plantilla de un sitio. Obtén más información en nuestra guía de páginas de portada.

Block tweaks

Los retoques de determinados bloques también se muestran en Estilos del sitio. Para obtener más información sobre las opciones de estilo, visita Cómo agregar contenido con bloques y haz clic en el nombre del bloque sobre el que deseas obtener más información.

Ciertos bloques permiten usar un recuadro de contenido.

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 9 de 42
Retoques de Estilos del sitio para la plantilla Brine