Central de conhecimento HubSpot

Centralize uma imagem, CTA (legado) ou logotipo em um e-mail ou página

Written by HubSpot Support | 4/jun/2019 15:07:32

Se você estiver usando modelos de layout criado na ferramenta de gerenciamento de design, centralize uma imagem, CTA (legado) ou módulo de logotipo em sua página, blog ou e-mail, adicionando um estilo embutido ao seu modelo.

Se você estiver usando um modelo que inclui um área de arrastar e soltar, você pode centralizar o alinhamento do módulo no editor de conteúdo. Você também pode centralizar módulos no editor de páginas usando espaçadores horizontais. 

CTA Observe: as contas criadas após 17 de março de 2025 não têm acesso à

Centralize uma imagem, CTA (legado) ou logotipo com estilo embutido 

Centralizar uma imagem com estilo in-line requer um entendimento básico de HTML. Se sua página ou modelo tiver uma folha de estilo anexada ou qualquer estilo adicional adicionado, pode haver CSS existente afetando sua imagem, CTA (legado) ou logotipo. A HubSpot recomenda trabalhando com um designer para identificar a origem do estilo e faça as alterações necessárias para centralizar seus ativos. 

Para centralizar uma imagem, CTA (legado) ou logotipo em um e-mail ou modelo de página:

  • Acesse seu conteúdo:

    • Páginas do site:
    • Landing pages:
    • Blog:
    • E-mail:
  • Passe o mouse sobre o seu conteúdo e clique em Editar.
  • No editor, acesse as configurações do seu conteúdo: 
    • Para postagens e páginas, clique no botão Configurações cardápio e selecione Avançado.
    • Para e-mails, clique no Configurações guia e clique para expandir a Opções avançadas seção. 
  • No Modelo seção, clique Edite este modelo para abrir o modelo no gerenciador de design. 

  • No gerenciador de design, clique no botão logotipo, apelo à ação, ou módulo de imagem.  
  • Na coluna da direita, digite alinhamento de texto: centro; no Estilo embutido campo.

 
  • No canto superior direito, clique em Publicar alterações para aplicar suas alterações a este modelo.

Centralize uma imagem, CTA (legado) ou logotipo nas opções de estilo do seu módulo

Se estiver usando um modelo com área de arrastar e soltar, em determinados módulos ou seções, você pode optar por definir o alinhamento diretamente. Porém, observe que esta opção de estilo pode não estar disponível em todos os modelos ou módulos. 

  • Para centralizar a página ou postar módulos:
    • Acesse seu conteúdo:

      • Páginas do site:
      • Landing pages:
      • Blog:
      Passe o mouse sobre sua página ou postagem de blog e clique em Editar.
    • No editor de páginas, clique no botão módulo que você deseja centralizar. 
    • No painel esquerdo, clique no Estilos guia e clique para expandir a Alinhamento e espaçamento seção. 
    • Sob Alinhamento, selecione os Centro alinhamento. 

 

  • Para centralizar seus módulos de e-mail: 
    • Na sua conta da HubSpot, acesse Marketing > E-mail.
    • Passe o mouse sobre seu e-mail e clique em Editar.
    • Clique no módulo que você deseja centralizar. 
    • No painel esquerdo, clique no Alinhamento menu suspenso e selecione Centro.

 

Centralize uma imagem, CTA (legado) ou logotipo usando espaçadores horizontais

Se o módulo que você está usando não possui opções de alinhamento, no editor de conteúdo, você pode adicionar espaçadores horizontais à sua página para centralizar os módulos. 

Para centralizar seu módulo usando um espaçador horizontal: 

  • Acesse seu conteúdo:

    • Páginas do site:
    • Landing pages:
    • Blog:
  • Na coluna esquerda do editor de conteúdo, clique em acrescentar.  
  • Na barra de pesquisa, procure por espaçador horizontal.  
  • Clique e arraste o espaçadores horizontais para cada lado do módulo que você deseja centralizar. Em seguida, ajuste a largura do espaçador para centralizar o elemento.