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 Bedford

Bedford, Anya, Bryant, and Hayden share the same underlying structure and functionality. This guide applies to all these templates.

Esta guía sirve como consulta para todos los retoques de Estilos del sitio de las plantillas Bedford, Anya, Bryant y Hayden. Para aprender a usar los 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 Header

These tweaks adjust the site header, the area at the top of your site where the Main Navigation and site title or logo display.

  • Header Background Color - The opacity slider has no effect on the header background color. It's not possible to set a partial transparency for this color.
  • Transparent on Banner Images - When unchecked, the banner and page content move down and the site header content displays over the background color at the top of the page. When checked, the header content displays over the banner or page.
  • Site Title Font - Site title tweaks don’t display if you replace the site title with a logo.
  • Site Title Color
  • Site Title Container Width - Set the width of the site title container. If the container is narrower than the site title, the site title will wrap.
  • Ancho del contenedor del logotipo: Selecciona el ancho del contenedor del logotipo. La altura máxima está preconfigurada en alrededor de 100 píxeles. Cuando el logotipo alcanza esa altura, dejará de escalar para aumentar de tamaño. El logo no será mayor que la imagen cargada. La Navegación Principal ocupará el resto del espacio a la derecha del contenedor del logotipo.

Site Navigation

Adjust the styling of the Main Navigation. For general information, visit Styling navigation.

  • Nav Link Font
  • Nav Link Color
  • Nav Link (Active) - Set the color of the navigation links on hover and when on that page.
  • Enable Nav Button - Turns the last link in your Main Navigation into a button. Doesn't affect folders. If unchecked, the Nav Button tweaks won’t display.
  • Nav Button Style: Outline, Solid, RaisedNav Button Corner Style: Pill, Square, Rounded
  • Nav Button Color
  • Nav Button Text Color - Displays when the Nav Button Style is Solid or Raised.
  • Nav Button Font

Banner Section

These tweaks affect all banners on your site. 

The banner button is styled independently of other buttons on your site. Scroll up for tweaks relating to the site title and Main Navigation.

  • Banner Overlay Color - Add a filter effect over the image by selecting an overlay color.
  • Banner Heading Font
  • Banner Heading Color
  • Banner Text Font
  • Banner Text Color
  • Banner Button Style: Solid, Outline, Raised
  • Banner Button Corner Style: Square, Rounded, Pill
  • Banner Button Color
  • Banner Button Text Color - Displays when the banner button style is solid or raised 
  • Banner Button Font  

Main Content

Style the main content area of your site, the area between the header and the footer. Page Text tweaks affect your site's body fonts.

  • Page Background - Sets the background color for the site.
  • Page Text Font
  • Page Text Color
  • Page Link Color
  • Page Meta Color - Set the color of meta text, such as blog authors and post dates
  • Heading 1 Font
  • Heading 1 Color
  • Heading 2 Font
  • Heading 2 Color
  • Heading 3 Font
  • Heading 3 Color
  • Quote Font - Only displays on pages with a Quote Block
  • Quote Color - Only displays on pages with a Quote Block

Blog

Except for Center Entry Title & Meta, these tweaks show only when on a blog page.

  • Banner Slideshow Controls: Arrows, None - Control the navigation elements on your blog slideshow banner. This tweak only displays if your blog has featured posts.
  • Meta Priority: Date, Category, Author, None - Determines whether which information appears above a post’s title in blog list view.
  • Center Entry Title & Meta - Center the post title and metadata including date, categories, and tags. Displays only if Hide Blog Sidebar tweak is checked in the Sidebar section.
  • Hide Entry Author - Hide the byline on blog posts. Useful for blogs with a single author. Won’t appear if Meta Priority: Author is selected.
  • Hide List Entry Footer - Don't display the footer content (comments, likes, shares, and tags) in blog list view. This content still appears on individual blog posts.

Sidebar

On blog pages:

On pages in a folder or Index Page: 

  • Hide Page Sidebar - Display or hide the navigation sidebars on pages within folders or Index Pages.
  • Hide Product Category Nav - Display or hide the category navigation sidebar on  Product Pages.
  • Hide Sidebar Title
  • Sub Nav Title Font
  • Sub Nav Title Color
  • Sub Nav Link Font
  • Sub Nav Link Color
  • Sub Nav Link (Active) - Set the color of the navigation links on hover and when on that page.

Prefooter

Tweaks for styling the pre-footer, the area above the footer at the bottom of the page.

  • Pre Footer Background - Set the background color for the pre-footer
  • Pre Footer Text Color

Pie de página

Tweaks for styling the footer, the area at the bottom of the page. Site Info tweaks adjust the styling of the site information. Footer Nav tweaks adjust the Secondary Navigation links.

  • Footer Background - Set the background color for the footer
  • Footer Text Color
  • Footer Nav Font
  • Footer Nav Link Color
  • Footer Nav Link (Active) - Set the color of the navigation links on hover and when on that page.
  • Site Info Font - Displays if Hide Side Info is unchecked
  • Site Info Color - Displays if Hide Side Info is unchecked
  • Center Navigation / Info
  • Hide Site Info

Opciones de álbum

These tweaks appear when you’re on an Album Page.

  • Album Text Color - Adjusts the color of the album track names
  • Ocultar el Enlace para compartir el álbum

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 beneath the date tag.
  • Show Date Tag - The date tag highlights event dates. It displays to the left of each event in on the Event Page.
  • Mostrar Etiqueta de Fecha y Hora
  • Mostrar Categorías
  • Mostrar Fecha
  • 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
  • Horario en formato de 24 horas
  • Stacked View - Display your events as a stacked list with thumbnails appearing above the event at full-width.

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.

Productos

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

  • 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.

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 aparecerán 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: 6 de 27
Retoques de Estilos del sitio para la plantilla Bedford