¿Cómo encontrar el editor de estilo squarespace

Utilice Editor de estilos en Squarespace cualquier momento resulta necesario modificar el diseño de su sitio o elementos específicos en su sitio. Style Editor es una parte de modo Style, el cual se accede en el área de vista previa. Siga estos pasos para cargar Style Editor en su navegador:

  1. Inicie sesión en su sitio web.

    Usted será llevado a Administrador del Portal.

  2. Haga clic en el icono de vista previa (ojo), en la parte superior izquierda de la pantalla.

    Vista previa Editor aparece en la pantalla.

    imagen0.jpg
  3. Haga clic en el icono de pincel en la barra de herramientas Vista previa del editor, en la parte inferior derecha de la pantalla.

    Diapositivas Style Editor en la vista en la parte izquierda de la ventana del navegador, empujando su sitio a la derecha. La barra de herramientas Vista preliminar Editor se sustituye por el botón de modo Style, que indica que está en modo Style.

    image1.jpg

Cuando haya terminado de personalizar su sitio con Style Editor y desea salir del modo Style, siga estos pasos:

  1. Haga clic en el botón Guardar, en la parte inferior del Editor de estilos.

    Todos los cambios que has hecho en Style Editor se guardan.

  2. Haga clic en la x en el botón Modo Style.

  3. Diapositivas Style Editor fuera de la vista, y el botón de modo Style cambios de nuevo a la barra de herramientas Vista previa del editor.

Style Editor se divide en cinco secciones principales:

  • Colores: Elige nuevos colores para el texto, enlaces, bordes y el fondo del sitio. También puede agregar imágenes de fondo en esta sección.

  • Tipografía: Ajuste el texto en su sitio, cambiando la familia de la fuente, el tamaño de fuente, y la línea de altura- añadir negrita o italics- y más.

  • Tamaños y Valores: Ajuste el ancho y el espaciamiento de los elementos en su sitio.

  • Opciones: Configurar ajustes de plantilla específica, tales como alturas encabezado o posición de la barra lateral en la página del blog.

  • CSS personalizado: Añadir un código CSS personalizado para aplicar un estilo avanzado. Haga clic en el botón de CSS en la parte inferior del Editor de estilos para abrir el cuadro de diálogo CSS y añadir su código personalizado.

Para ver todas las secciones que acabamos de mencionar, es necesario desplazarse por la lista Style Editor. Editor de estilos no muestra una barra de desplazamiento en algunos navegadores, pero no desplazarse si se utiliza el mecanismo de desplazamiento de su ratón o el dispositivo touchpad.

A continuación, nos fijamos en la forma de seleccionar los elementos del sitio que desea modificar.