Centralize o texto do botão

Por que o texto do seu botão não está centralizado?

Se você notou que o texto do seu botão aparece descentralizado ou desalinhado, pode ser devido às configurações de tamanho ou ao preenchimento adicional aplicado ao botão. Causas comuns incluem:

• Configurações de tamanho modificadas: Ajustar a largura e a altura do botão às vezes pode afetar a centralização do texto.
• Preenchimento adicional: O preenchimento irregular dentro do botão pode descentralizar o texto.
• Configurações de alinhamento: Se o alinhamento vertical não estiver definido corretamente, o rótulo do botão poderá parecer um pouco mais alto ou mais baixo do que o esperado.

Como centralizar o texto do botão no GemPages?

Siga estas etapas para alinhar o texto central dentro do seu botão e garantir que seus botões tenham uma aparência profissional.

#1. Redefinir ou ajustar o preenchimento

Passo 1: No editor, clique no Elemento Botão para abrir seu painel de configurações.

Passo 2: Localize o Acolchoamento sob a Dimensões: seção.

Passo 3: Se o preenchimento estiver irregular, ajuste-o para que o espaçamento seja igual em todos os lados. Isso ajuda a realinhar o texto dentro do botão.

#2. Verifique a largura e a altura do botão

Passo 1: Vou ao Dimensões: configurações.

Passo 2: Certifique-se de que a altura do botão seja proporcional à sua largura, para que o texto permaneça no centro.

#3. Use código personalizado

Se os ajustes de preenchimento/tamanho não centralizarem totalmente o texto do botão, adicione uma pequena regra CSS personalizada. Isso proporciona um alinhamento horizontal e vertical perfeito em pixels.

Passo 1: Clique com o botão direito do mouse no elemento do botão e selecione Código personalizado.

Passo 2: No editor de código, copie e cole o seguinte código na caixa abaixo de Guia CSS.

 display: flex;

  align-items: center;

  justify-content: center;

Passo 3: Salve as atualizações e verifique o resultado.