Alterar estilos de texto

Personalizar estilos de texto é uma das maneiras mais fáceis de fazer sua loja Shopify se destacar. Neste artigo, vamos orientá-lo passo a passo sobre como alterar estilos de texto no GemPages.

Como alterar os estilos de texto no GemPages?

Etapa 1: Selecione o elemento de texto ou título

No editor GemPages, clique diretamente no elemento de texto, que poderia ser qualquer bloco de texto, cabeçalho, ou parágrafo na sua página.

Isso ativará o Painel de configurações no lado esquerdo da tela.

Etapa 2: acesse as opções de estilo de texto

O painel Configurações exibe uma variedade de opções de personalização. Localize o Estilo de texto seção para alterar o estilo do texto e personalizá-lo do seu jeito.

Veja o que você pode ajustar:

1. Estilos

Escolha entre estilos predefinidos para aplicar rapidamente uma aparência refinada ao seu texto.

2. Fonte

Selecione uma fonte que combine com a identidade da sua marca. O GemPages integra-se com o Google Fonts, então você terá muitas opções para escolher.

Você também pode carregue sua fonte. Para mais detalhes, consulte Este artigo.

3. Tamanho

Redimensione facilmente seu texto para se adequar ao seu design. Ajuste usando o controle deslizante ou insira um valor específico.

Se você já alterou o tamanho do texto usando o Editor de texto ao vivo, você não pode ajustar o tamanho diretamente nas configurações da barra lateral esquerda posteriormente.

Nesse caso, limpe o formato do texto e altere o tamanho do texto usando o painel de configurações.

4. Cor

Defina a cor do seu texto. Você pode escolher na paleta ou inserir um código hexadecimal personalizado para combinar com sua marca.

Se você quiser alterar a cor de um texto específico (em vez de aplicá-lo ao elemento inteiro), siga estas etapas:

• Destacar o texto você quer mudar.
• De editor de texto ao vivo barra de ferramentas que aparece acima do texto, clique no Cor do texto opção.
• Selecione uma cor na paleta ou insira um código HEX.

Dessa forma, apenas o texto destacado será atualizado, enquanto o restante do elemento mantém sua cor original.

5. Peso da fonte

Controle o negrito do seu texto com opções como claro, normal, negrito, extra negrito, etc.

6. Altura da linha

Ajuste o espaçamento vertical entre as linhas de texto para melhor legibilidade.

7. Espaçamento entre letras

Ajuste o espaçamento entre os caracteres para criar um efeito limpo ou dramático.

8. Transformar

Modifique a caixa do texto para maiúsculas, minúsculas ou coloque cada palavra em maiúscula.

9. Sombra

Adicione profundidade e ênfase ao seu texto com sombras personalizáveis.

10. Alinhar

Alinhe seu texto à esquerda, ao centro ou à direita para ajustá-lo ao layout da sua página.

11. Largura

Sob o Dimensões: seção, defina o máximo largura para que seu bloco de texto controle sua propagação horizontal.

12. Preenchimento

Adicione espaço ao redor do texto dentro do contêiner para um design equilibrado.

13. Fundo

Sob o Contexto seção, aplique um sólido/gradiente fundo de cor or fundo da imagem para destacar seu texto.

Por exemplo:

• Cor de fundo:

• Fundo da imagem:

Como criar um gradiente de texto no GemPages

Atualmente, o GemPages não oferece uma opção integrada para gradiente de texto. No entanto, você pode criar facilmente um efeito de gradiente de texto usando CSS personalizado.

Passo 1: Gere o CSS do gradiente

Acesse Portal CSS – Gerador de Gradiente de Texto: https://www.cssportal.com/css-text-gradient-generator/

Configure as cores, a direção e o estilo do gradiente que desejar. Em seguida, copie o código CSS gerado..

Passo 2: Selecione o elemento de texto

No editor do GemPages, clique com o botão direito do mouse no elemento de texto ou título ao qual deseja aplicar o gradiente => Código personalizado

Passo 3: Adicione o código CSS

Cole o código do gradiente copiado ali.

Passo 4: Salvar e visualizar

Salve as alterações e visualize a página para ver o texto com gradiente aplicado.