Cambiar estilos de texto

Personalizar los estilos de texto es una de las formas más sencillas de hacer que tu tienda Shopify se destaque. En este artículo, te guiaremos paso a paso sobre cómo cambiar los estilos de texto en GemPages.

¿Cómo cambiar estilos de texto en GemPages?

Paso 1: Seleccione el elemento de texto o encabezado

En el editor de GemPages, haga clic directamente en el elemento de texto, que podría ser cualquiera bloque de texto, Bóveda o párrafo en su página.

Esto activará el Panel de Configuración en el lado izquierdo de la pantalla.

Paso 2: Acceda a las opciones de estilo de texto

El panel de Configuración muestra diversas opciones de personalización. Localice el Estilo de Texto Sección para cambiar el estilo del texto y personalizarlo a tu manera.

Esto es lo que puedes ajustar:

1. Estilos

Elija entre estilos predefinidos para aplicar rápidamente un aspecto pulido a su texto.

2. Fuente

Seleccione una fuente que coincida con la identidad de su marca. GemPages se integra con Google Fonts, por lo que tendrá muchas opciones para elegir.

También puede Sube tu fuente. Para obtener más detalles, consulte este artículo.

3. Tamaño

Cambie fácilmente el tamaño del texto para adaptarlo a su diseño. Ajústelo con el control deslizante o ingrese un valor específico.

Si ya ha cambiado el tamaño del texto utilizando el Editor de Texto en Vivo, no podrás ajustar el tamaño directamente desde la configuración de la barra lateral izquierda posteriormente.

En este caso, borre el formato del texto y luego cambie el tamaño del texto usando el panel de configuración.

4. Color

Establezca el color del texto. Puede elegirlo de la paleta o ingresar un código hexadecimal personalizado para que coincida con su marca.

Si desea cambiar el color de un texto específico (en lugar de aplicarlo a todo el elemento), siga estos pasos:

• Resalta el texto quieres cambiar.
• Desde la aplicación editor de texto en vivo barra de herramientas que aparece encima del texto, haga clic en el Color de texto .
• Seleccione un color de la paleta o ingrese un código HEX.

De esta manera, solo se actualizará el texto resaltado, mientras que el resto del elemento mantendrá su color original.

5. Peso de fuente

Controle la negrita de su texto con opciones como clara, normal, negrita, extra negrita, etc.

6. Altura de la línea

Ajuste el espaciado vertical entre líneas de texto para una mejor legibilidad.

7. Espaciado entre letras

Ajuste el espaciado entre caracteres para crear un efecto limpio o dramático.

8. Transformar

Modifique el texto a mayúsculas, minúsculas o capitalice cada palabra.

9. Sombra

Agregue profundidad y énfasis a su texto con sombras personalizables.

10. Alineación

Alinee el texto a la izquierda, al centro o a la derecha para que se ajuste al diseño de su página.

11. Anchura

En la sección Tamaño sección, establezca el máximo el ancho para que su bloque de texto controle su extensión horizontal.

12. Relleno (Padding)

Agregue espacio alrededor de su texto dentro de su contenedor para un diseño equilibrado.

13. Fondo

En la sección Fondo sección, aplicar un sólido/degradado fondo de color or fondo de imagen para resaltar su texto.

Por ejemplo:

• Color de fondo:

• Fondo de la imagen:

Cómo crear un degradado de texto en GemPages

GemPages actualmente no ofrece una opción de degradado de texto integrado. Sin embargo, puedes crear fácilmente un efecto de degradado de texto usando CSS personalizado.

Paso 1: Generar el CSS degradado

Ve a Portal CSS: Generador de degradados de texto: https://www.cssportal.com/css-text-gradient-generator/

Configura los colores, la dirección y el estilo del degradado que desees. Luego copia el código CSS generado.

Paso 2: Seleccione el elemento de texto

En el Editor de GemPages, haga clic derecho en el texto o elemento de encabezado al que desea aplicar el degradado => Código personalizado

Paso 3: Agregar el código CSS

Pegue allí el código de degradado copiado.

Paso 4: Guardar y obtener una vista previa

Guarde los cambios y obtenga una vista previa de la página para ver el texto degradado aplicado.