Na seção "Design geral", você faz alterações que afetam todo o site. No painel de design, você personaliza o texto, os botões, as imagens, o fundo e o widget de navegação do seu site. Com isso, as mudanças visuais são feiras de forma rápida e eficiente, agilizando o processo de design e padronizando o estilo do site em todas as páginas.
As alterações feitas em um widget ou página específica afetam os estilos gerais definidos no painel de design. Recomendamos primeiro decidir um estilo geral para depois personalizar partes do site que você deseje destacar ou diferenciar das outras.
Visão geral do painel de design
Para abrir o painel de design: no painel lateral, clique em Design.
Com o painel de design aberto, a tela é automaticamente minimizada para 50%, de modo que toda a tela fique visível enquanto você ajusta as configurações gerais de design. Para retornar à tela 100%, clique na lista suspensa na barra superior e selecione 100%. A opção de zoom também está disponível no modo prévia.
Texto geral
Esta seção controla o estilo do texto do site, além de títulos de todos os tamanhos (H1 a H6). Altere o tamanho, estilo e cor da fonte, além de outras edições que afetam o texto de todos os widgets de parágrafo e título. Saiba mais em Texto geral.
Cores gerais
As cores gerais definem uma paleta de cores e vincula cores específicas a um ou vários widgets com configurações de cor. A cor do elemento vinculado às cores gerais será atualizada automaticamente quando a cor vinculada for alterada nas configurações das cores gerais. Com isso, você altera rapidamente a cor, agilizando o processo do design e garantindo um estilo padronizado em todas as páginas do site. Aprenda a configurar as cores gerais em "Cores gerais".
Estilo de botão
Nesta seção, é possível controlar o estilo dos widgets de botão do site. Selecione um de nossos designs de botão e defina a cor do plano de fundo, o estilo da borda e o texto. Escolha outros efeitos como adicionar cantos arredondados ou sombras ao botão.
Ative a opção de Ocultar botão Voltar ao topo no celular.
Estilo de imagem
Nesta seção, é possível controlar o estilo dos widgets de imagens do site. Selecione uma imagem no seletor de imagens e adicione ou edite o estilo da borda, os cantos arredondados ou os efeitos de sombra.
Estilo da linha
Esta seção permite que você defina o design global de linha em termos de cor de fundo, espaçamento padrão entre linhas e espaçamento padrão de colunas.
As edições que serão feitas em linhas individuais substituirão as configurações globais de linha.
Plano de Fundo do Site
Nesta seção, é possível controlar o estilo do plano de fundo do site. Você pode escolher usar uma cor ou uma imagem como plano de fundo. As alterações também afetam a visualização em desktop ou tablet.
Layout do Site
Controle a navegação de layout do site no desktop, tablet e celular. Para a versão de desktop, você pode escolher duas larguras: 960 px ou 1200 px.
Alterar o layout de navegação pode afetar o comportamento do cabeçalho e às vezes de todo o site. Se o cabeçalho parecer incorreto depois da alteração do layout, experimente outro layout.