Cómo editar el color de una línea en Squarespace

Buenas noticias. Ya no tienes que usar css personalizado para cambiar los colores de tus bloques de líneas. ¡Así que deja a un lado tus notas de código y prepárate para ver cómo ajustar el color con este rápido y sencillo tutorial!

Cómo Añadir Una Línea Horizontal Bloques A Su Sitio Web Squarespace

El sitio Squarespace te permite añadir líneas horizontales fácilmente. Haz clic en las opciones de bloque para empezar.

Primer paso: Haga clic en el botón "Añadir bloque

Asegúrese de ir primero a la página y sección a la que desea añadir el bloque de líneas horizontales.

Elige la opción de bloque de líneas que Squarespace proporciona para tu página.

Segundo paso: Elija la opción de bloque de líneas

Esta opción aparecerá en la sección de bloques básicos de los bloques Squarespace disponibles.

Arrastra la línea alrededor de la página. Podrás cambiar la anchura o la longitud de las líneas, pero un sitio Squarespace actualmente no puede cambiar la altura sin código.

Paso 3: Coloque el bloque de líneas horizontales donde desee

Puedes estirar o encoger la línea horizontal haciendo clic primero en el bloque y, a continuación, haciendo clic y arrastrando los bordes del mismo hacia la izquierda o hacia la derecha. Actualmente, Squarespace no tiene una opción integrada para hacer las líneas más altas, pero hay CSS personalizados disponibles para ajustarlas si es necesario.

Cuando hayas terminado, haz clic en Guardar. No querrás que desaparezca el cambio que has hecho.

Paso 4: Haga clic en "Guardar" en la esquina superior izquierda de la pantalla.

No te saltes este paso. No querrás que tu trabajo desaparezca, y querrás ver tus bloques de líneas cuando estés editando el color del mismo.

Cómo cambiar el color del bloque de líneas horizontales

Dirígete siempre a las opciones de edición de Squarespace antes de intentar cambiar el color de un elemento con css o código personalizados.

Primer paso: Haga clic en el icono del pincel situado en la parte superior derecha de la pantalla.

Aquí es donde podrá personalizar los colores de su sitio, las animaciones, la apariencia de los formularios, los botones, los tipos de letra y los bloques de líneas.

No tienes que usar sqs block horizontalrule hr, ¡puedes cambiar el color de fondo sin código! Siga este tutorial para más.

Segundo paso: Haga clic en la flecha a la derecha de su paleta de colores

Esto le permitirá editar no sólo el color de su línea, sino también los colores de todos los diferentes tipos de bloques y secciones en su sitio web Squarespace.

Este tutorial es más fácil que un vídeo. Simplemente haga clic en la línea para cambiar el color sin código.

Paso 3: Haga clic en el bloque de líneas de su sitio web

Este es un atajo divertido que te animamos a probar cuando edites los colores de tus bloques de Squarespace. Cuando hagas clic en el bloque que quieras personalizar, la lista de elementos a la derecha de tu pantalla se filtrará a las opciones apropiadas.

Haga clic en el círculo con el color para cambiar el color. El tema ya está archivado.

Paso 4: Haga clic en el círculo de color a la derecha de la palabra "Color de línea".

El color actual muestra el color actual de tu bloque de líneas. Si haces clic en el círculo, podrás cambiar el color del bloque de líneas.

Archivado y está cerrado.

Paso 5: Elija el color que desee

Tendrá dos opciones. La primera opción es elegir un color de su paleta (lo que recomendamos para mantener la coherencia de la marca). La segunda opción es utilizar un color personalizado.

Color, anchura y vídeo. Cambia el color y luego guarda el cambio realizado.

Paso 6: Haga clic en "Guardar" en la esquina superior izquierda de la pantalla.

Nota: A veces, el botón "Guardar" no funcionará la primera vez que haga clic en él. Es normal. Haz clic de nuevo en "Guardar".

Anterior
Anterior

¿Cómo se curvan las letras en Canva?

Siguiente
Siguiente

¿Qué es un embudo de ventas?