Ir para o conteúdo principal

Como adicionar dois botões lado a lado na mesma coluna no Elementor

Divi: o tema WordPress mais fácil de usar

Crie facilmente seu site com Elementor

Elementor permite criar facilmente qualquer design de site com uma aparência profissional. Pare de pagar caro pelo que você pode fazer por si mesmo. [Grátis]

O botão é muito mais poderoso do que o texto quando se trata da taxa de cliques. No Elementor, você tem o widget Botão para adicionar um elemento de botão a uma página. Você pode usar o widget de botão para criar um botão acionável, como o botão whatsapp, o botão do skype, o botão E-mail, etc. sem instalar um plugin adicional do WordPress. Para a aparência, você pode definir qualquer layout que desejar. Por exemplo, você pode adicionar dois botões lado a lado na mesma coluna. Este artigo mostrará como fazer isso.

Logicamente, você pode adicionar o widget de seção interna a uma coluna e colocar seus botões em cada coluna da seção interna para obter um layout de coluna lado a lado. Embora esse método não seja ruim, existe uma maneira melhor de escolher. Você pode colocar dois ou mais botões lado a lado na mesma coluna usando a opção de ajuste de posicionamento embutido. Esta opção de posicionamento colocará um widget em uma pilha horizontal em vez de vertical.

Como adicionar dois botões lado a lado na mesma coluna no Elementor

Primeiro, especifique uma coluna onde deseja colocar seus botões e adicione seu primeiro botão.

adicione dois botões lado a lado na mesma coluna no Elementor

Divi: O melhor tema WordPress de todos os tempos!

mais Downloads 901.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62. [Recomendado]

Assim que o botão for adicionado, vá para a guia avançado no painel de configurações e abra o bloco Posicionamento. Na lista suspensa Largura, selecionar Na linha.

Adicione o segundo botão e repita as etapas acima e pronto, você tem o segundo botão próximo ao primeiro.

Se você adicionar um novo botão e definir o posicionamento em linha, ele será colocado próximo à segunda coluna.

Para definir a lacuna entre as colunas, você pode apenas alterar qualquer um dos botões e definir a margem no bloco avançado sob a guia avançado no painel de configurações.

Para definir o alinhamento do botão, você pode alterar a coluna dos dois botões. Na lista Lista suspensa de alinhamento horizontal sob o bloco Provisão sob a guia Disposição, selecione o alinhamento que você deseja.

adicione dois botões lado a lado na mesma coluna no Elementor

Para resumir, existem pelo menos duas maneiras de adicionar dois botões lado a lado em uma coluna no Elementor. A primeira opção, você pode usar o widget de seção interna. A segunda opção, você pode usar a opção de posicionamento online como acabamos de descobrir acima.

Embora o primeiro método não seja ruim, não é recomendado porque adicionar um novo widget (seção interna neste caso) aumenta a demanda de HTML de sua página, o que afetará a velocidade da página.

Obtenha o Elementor Pro agora!

Conclusão

Lá ! É isso neste artigo que mostra como adicionar dois botões lado a lado na mesma coluna no Elementor. Se você tiver alguma dúvida sobre como chegar lá fdeixe-nos saber no Comentários.

No entanto, você também pode consultar nossos recursos, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress ou aquele em Divi: o melhor tema WordPress de todos os tempos.

Mas enquanto isso, compartilhe este artigo em suas diferentes redes sociais.

...

Este artigo contém comentários 0

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios estão marcados com *

Este site usa Akismet para reduzir indesejados. Saiba mais sobre como seus dados de comentários são usados.

De volta ao topo
0 ações
ação
chilrear
Enregistrer