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 Adirondack

Esta guía sirve de consulta sobre todos los retoques de los Estilos del sitio de la plantilla Adirondack. Para aprender cómo usar Estilos del sitio, consulta Cómo hacer cambios de estilo. 

Note: The Squarespace platform is constantly evolving to give you the best possible tools for building your website. We update these guides frequently, but if the platform has recently changed you may see slightly different options than the ones listed below. The best way to learn the functionality of any tweak is to experiment with it and see what changes on your site.

Site Wide

These elements display on either side of the main content area.

  • Site Drop Shadow - Add a shadow effect behind the content area.
  • Site Background Image - Add a background image. We recommend an image width between 1500 pixels and 2500 pixels. Background images should never be larger than 2500 pixels, as this can cause issues on mobile.
  • Site Background Color - Choose a background color for the area around your site.

Site Header

Adjust the branding, navigation link, and information drop-down link in the site header.

  • Site Title Font 
  • Logo Height
  • Color de fondo
  • Iconos en el encabezado: Elige si los enlaces de navegación e información aparecerán como iconos o como texto. Los enlaces siempre aparecen como iconos en los dispositivos móviles o en la barra fija del encabezado.
  • Contact, Location, or Search Dropdown: Contact, Location, Search, None - Choose how the information link displays or hide it.

Navigation

Adjust your site’s navigation bars. The navigation link color is automatically set to black or white based on the navigation bar’s Background Color.

  • Fuente
  • Color de fondo
  • Nav Active Color
  • Always Show Nav
  • Header & Nav Borders - Add a border above and below each navigation bar.

Banner Image

Page Titles & Descriptions

Ajusta el texto que aparece en la parte superior de las Páginas de Eventos, de Productos y de Diseño activando los títulos y las descripciones de página.

  • Title Decoration: Underline, Overline, 3 Stars, 3 Asterisks, None - Add decoration to page titles and blog post titles.
  • Show Page Titles & Descriptions - Enable or hide page titles and descriptions.
  • Page Title
  • Page Description
  • Page Title & Description Color

Main Content

  • Content Background Color - Choose a background color for the main content area.
  • Encabezado 1
  • Encabezado 2
  • Encabezado 3
  • Heading Color
  • Texto
  • Color del texto
  • Link Color
  • Link Hover Color
  • Quote Block - Adjust the font style for the Quote Block.

Blog

Adjust the style of your Blog Page.

  • Blog Text WidthNarrow, Normal
  • Blog Post Author
  • Blog Meta Info
  • Blog Meta Info Color

Productos

These tweaks appear when you’re on a Products Page. For in-depth information, visit Styling the Products Page.

  • Show Category Navigation - Hide or display the category navigation.
  • Product Background Color - The color behind the product image.
  • Product Overlay Color - Set the color of the on-hover overlay when Product List Titles: Overlay is enabled.
  • Products Per Row - Set the number of products per row on the Products Page.
  • Product List Titles: Under, Overlay - Set the title and price to display under the thumbnail image or on hover.
  • Product List Alignment: Center, Left - Set text to Center or Left when Product List Titles: Under is enabled.
  • Product Item Size - Set the image ratio (width:height) for photos on the Products Page.
  • Product Image Auto Crop - Crop product images to the aspect ratio set with the Product Item Size tweak.
  • Product Gallery Size - Set the image ratio (width:height) for photos on product item pages.
  • Product Gallery Auto Crop - Crop images on product item pages to the aspect ratio set with the Product Gallery Size tweak.
  • Show Product Price - Show or hide prices on the Product Page. If unchecked, the price will still appear on product item pages.
  • Show Product Item Nav - Display a navigation link back to the Products Page.
  • Product Social Sharing - Add or remove Share buttons from product item pages.

Estilos de la galería

These tweaks appear when you’re on a Gallery Page. For general help, visit Styling a Gallery Page.

  • Use the Gallery Design tweak to set the layout.

Diseño de la galería: Cuadrícula

  • Relación de aspecto: Controla la relación de aspecto (ancho:altura).
  • Grid Spacing - Increase the padding between individual images in your grid.
  • Min Column Width - Set the width of columns in your grid.
  • Estilo de lightbox: Oscuro, Claro

Diseño de la galería: Presentación

  • Gallery Navigation: Thumbnails, Bullets, Numbers, Circles, Simple, None - The type of navigation provided on the page.
  • Gallery Info Overlay: Always Show, Show on Hover, Hide - For image titles and captions
  • Relación de aspecto de la galería: Controla la relación de aspecto (ancho:altura). Úsalo con el ajuste Recorte Automático de Galería.
  • Gallery Arrow Style: Round Corners, Rectangular, Circular, No Background - Style the arrows used to cycle through the slides.
  • Transiciones de la galería: Difuminar, Deslizar
  • Gallery Show Arrows  - Uncheck to hide arrows on your gallery display.
  • Gallery Auto Crop - Auto-crops images to the aspect ratio set with the Gallery Aspect Ratio tweak.
  • Gallery Autoplay - Cycle gallery images automatically without user interaction.
  • Gallery Loop - Enable a gallery to cycle through to the first slide after the last slide.
  • Velocidad de reproducción automática de la galería (segundos)
  • Gallery Thumbnail Size - Set the height of gallery navigation thumbnail images.
  • Fondo de las flechas de la galería
  • Color de las flechas de la galería
  • Color del Círculo de la Galería
  • Gallery Info Background - The color used as the background for the image titles and captions.

Eventos

These tweaks appear when you’re on an Events Page. For general help, visit Styling the Events Page.

  • Disable Item Pages - Disable the title link for individual events. When unchecked, clicking an event's title opens the individual event page.
  • Mostrar Eventos pasados
  • Show Thumbnails - Show the thumbnail image for each event on the Event Page to the left of the event.
  • Thumbnail Size - Controls the aspect ratio (width:height) for event thumbnails.
  • Mostrar Etiqueta de Fecha
  • Mostrar Etiqueta de Fecha y Hora
  • Mostrar Categorías
  • Show Date - The date tag highlights event dates. It displays to the left of each event in on the Event Page.
  • Mostrar Hora
  • Mostrar Ubicación
  • Mostrar enlaces de exportación: Los que visitan el sitio usan los enlaces de exportación para enviar los detalles del evento a Google Calendar o iCal.
  • Mostrar Botones de redes sociales
  • Mostrar fragmentos: Los fragmentos muestran una descripción breve de un evento en la vista de Lista de Página de Eventos.
  • Mostrar Botón
  • Show Back Link - Shows the 'Back To All Events’ link on individual event pages.
  • Horario en formato de 24 horas
  • Stacked View - Display your events as a stacked list with thumbnails appearing above the event at full-width.

Opciones de álbum

These tweaks appear when you’re on an Album Page

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

Páginas de Portada

Cover Pages are styled independently of a site’s template. Visit Styling a Cover Page for more information.

Block tweaks

Los ajustes de ciertos bloques también aparecen en Estilos del sitio. Si deseas informarte mejor sobre los cambios de estilo disponibles, consulta ¿Qué son los bloques? para encontrar temas de ayuda para tu bloque específico.

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