Aba Estilo do site: cores, fontes, tamanho do texto e títulos em maiúsculas
Mude as cores principal e de destaque, o fundo das seções claras, as fontes e o tamanho do texto de todo o site na aba Estilo.
A aba Estilo (a terceira do alto, ao lado de Blocos e Adicionar) controla a aparência do site inteiro de uma vez: cores, fontes, tamanho do texto, formato dos botões e cantos. Tudo o que você muda ali vale para todas as páginas, para os botões e para os cartões de imóvel. Para ajustar só um bloco, use a aba Estilo do bloco (outro assunto, explicado nos artigos Fundo e cor do texto e seguintes).
- Só o administrador abre o Editor visual: .
- As cores deixadas em branco usam as cores definidas em .
- Nada vai para o ar antes de Publicar.
Como abrir
Clique em Estilo na linha de abas. As opções do "Estilo do site" abrem na hora; cada mudança aparece na prévia e fica salva como rascunho.
123- 1Aba Estilo aberta (o botão ← Blocos volta para a lista).
- 2Estilo do site: vale para todas as páginas.
- 3O primeiro campo é o Visual do tema.
Cores
| Campo | Onde aparece |
|---|---|
| Cor principal (topo, rodapé, títulos) | Barra do topo, rodapé, títulos e blocos com fundo "Cor principal". |
| Cor de destaque (botões e preços) | Botões de ação, preços dos imóveis, links em destaque e blocos com fundo "Cor de destaque". |
| Fundo das seções claras | O cinza claro das seções que usam o fundo "Cinza claro". |
Cada campo de cor tem três jeitos de escolher: o quadradinho colorido (abre a paleta), a caixa de texto onde você digita o código e o botão × que volta ao automático. O código aceita várias formas: #4a5a3a, 4a5a3a (sem a cerquilha) e o curto #4a5. Se digitar algo que não é cor, o editor avisa "Cor inválida: use o seletor ou um código como #4a5a3a."
1234- 1Cor principal: topo, rodapé e títulos.
- 2Cor de destaque: botões e preços. Use o quadrado ou digite o código.
- 3Fundo das seções claras.
- 4×: volta para a cor automática.
Fontes
- Fonte dos títulos e Fonte do texto: escolha em uma lista. "Padrão do site" mantém a fonte original. As opções são: Inter, Poppins, Montserrat, Raleway, Nunito, Lato, Roboto, Open Sans, DM Sans, Manrope, Outfit, Plus Jakarta Sans, Playfair Display (serifa), Lora (serifa), Merriweather (serifa), Cormorant Garamond (serifa) e Oswald (condensada).
- Fontes com serifa (as "perninhas") passam elegância, boas para alto padrão. Sem serifa passam modernidade.
- As fontes são carregadas do Google Fonts: o site só baixa as que você escolheu.
- Uma regra prática: use no máximo duas fontes (uma para títulos, outra para o texto).
123- 1Fonte dos títulos.
- 2Fonte do texto corrido.
- 3Os títulos da prévia mudam na hora.
Tamanho do texto e maiúsculas
- Tamanho do texto: Menor (texto-base de 15 px), Normal ou Maior (17 px). Como todo o site é proporcional, os títulos acompanham. Bom para públicos que preferem letras maiores.
- Títulos em letras maiúsculas: liga/desliga. Os títulos ficam em CAIXA ALTA com um pequeno espaçamento entre letras.
Os campos Formato dos botões e Cantos dos cartões e fotos ficam no mesmo painel e estão em Botões e cantos. O primeiro campo, Visual do tema, está em Visual do tema.
12- 1Tamanho do texto: Menor, Normal ou Maior.
- 2Títulos em letras maiúsculas.
Perguntas frequentes
Mudei a cor e o logotipo ficou estranho.
Logotipos com fundo branco pedem uma cor principal clara ou uma versão do logo com fundo transparente (PNG). Troque o logo em .
As fontes não mudaram.
Confirme que a opção não está em "Padrão do site" e aguarde alguns segundos: a fonte vem do Google Fonts e pode demorar um instante na primeira vez.