Guias/Criar conteúdo/Design/Alinhar botões no seu site

Alinhar botões no seu site

Personalize o alinhamento e o posicionamento dos botões no seu site. Neste guia, você aprenderá a alinhar botões e definir a largura de botões individuais.

Alinhar botões

Você pode definir a largura e a posição dos botões no bloco de botões. Siga estas etapas para alinhar os botões do seu site:

  1. Use a visualização em lista para selecionar o bloco de botões.
A visualização em lista aberta e o bloco de botões destacado.
  1. Na barra de ferramentas exibida, escolha uma das seguintes opções de alinhamento:
    • Alinhamento: defina a largura máxima do contêiner de botões.
    • Justificação: alinhe botões individuais à esquerda, ao centro, à direita ou com espaçamento uniforme dentro do bloco de botões.
    • Alinhamento vertical: alinhe botões no topo, meio, na parte inferior ou preenchendo todo o bloco de botões.
As opções de alinhamento na barra de ferramentas do bloco de botões.
  1. Na barra lateral Configurações do bloco à direita, selecione:
    • Orientação: exibe botões lado a lado (na horizontal) ou empilhados (na vertical).
    • Permitir a quebra em várias linhas: ative esta opção para quebrar botões em várias linhas quando o espaço for limitado (como em dispositivos móveis).  
As configurações da barra lateral do bloco de botões abertas e a seção “Layout” destacada.

Definir a largura de um botão

Para definir a largura de um botão individual:

  1. Use a visualização em lista para selecionar um botão individual no bloco de botões.
A visualização em lista de um editor de páginas aberta, com uma seta saindo do ícone de visualização em lista e apontando para a lista do bloco de botões.
  1. Na barra lateral Configurações do bloco à direita, escolha a largura de 25%, 50%, 75% ou 100% do contêiner do bloco de botões.
Configurações da barra lateral de um botão individual com as opções de largura destacadas.

Redefinir a largura de um botão

  1. Use a visualização em lista para selecionar um botão individual no bloco de botões.
A visualização em lista de um editor de páginas aberta, com uma seta saindo do ícone de visualização em lista e apontando para a lista do bloco de botões.
  1. Na barra lateral Configurações do bloco à direita, selecione o ícone Opções de configurações ().
  2. Clique em Redefinir ao lado da opção Largura.
A barra lateral de configurações do botão aberta com a opção Redefinir para a largura.
Copied to clipboard!