Estilo de texto
O que você vai aprender
- Como funciona a Predefinição de tipografia usada em quase todo block de texto
- Quando usar Predefinição em vez de Personalizado
- Como isso se conecta com Configurações do tema > Tipografia
Pra que serve
Quase todo block de texto do tema (Texto, Preço, Título do produto, Descrição do produto, Selo, Botão, Título da coleção, entre outros) compartilha o mesmo grupo de configurações de tipografia. Em vez de definir fonte, tamanho e cor em cada block individualmente, você escolhe uma Predefinição (Padrão, Parágrafo, Título 1 a Título 6, ou Personalizado) que já vem estilizada conforme o que está definido em Configurações do tema > Tipografia.
Isso mantém a loja visualmente consistente: se você mudar o Título 2 nas configurações do tema, todo block com Predefinição Título 2 muda junto, sem precisar editar um por um.
Use Personalizado só quando aquele block específico realmente precisar fugir do padrão da loja.
Como configurar
Predefinição
| Configuração | Pra que serve |
|---|---|
| Predefinição | Escolhe qual estilo (Padrão, Parágrafo, Título 1 a Título 6) o texto herda de Configurações do tema > Tipografia. Escolha Personalizado pra sobrescrever manualmente. |
Quando Predefinição está em Personalizado
| Configuração | Pra que serve |
|---|---|
| Fonte | Escolhe entre as 4 fontes já configuradas em Configurações do tema > Tipografia (Corpo do texto, Subtítulo, Título, Destaque). |
| Tamanho | Tamanho da fonte, com opções pré-definidas de 10px a 184px. |
| Altura da linha | Espaçamento vertical entre as linhas do texto (Justo, Normal, Solto). |
| Espaçamento entre letras | Aperta ou abre o espaçamento entre os caracteres (Justo, Normal, Solto). |
| Caixa | Deixa o texto em maiúsculas ou mantém como foi digitado. |
| Quebra de linha | Controla como o texto quebra em várias linhas. Bonito e Equilíbrio deixam a última linha mais balanceada, Nenhum usa a quebra padrão do navegador. |
| Cor | Cor do texto, usando as cores já definidas no tema (texto, título, link). Não aparece quando a Predefinição é "Padrão". |
Plano de fundo
| Configuração | Pra que serve |
|---|---|
| Plano de fundo | Ativa uma cor de fundo atrás do texto. |
| Cor do plano de fundo | Cor do fundo, com transparência. Só aparece com Plano de fundo ativado. |
| Raio do canto | Arredonda os cantos do fundo. Só aparece com Plano de fundo ativado. |
Preenchimento (padding)
| Configuração | Pra que serve |
|---|---|
| Superior / Inferior / Esquerda / Direita | Espaço interno em cada lado do block, em px. |
Onde editar as predefinições
As predefinições (Título 1 a Título 6, Parágrafo) são editadas em Configurações do tema > Tipografia, não dentro do block. Mudar lá afeta todos os blocks que usam aquela predefinição.