Ultima atualização: Novembro 26, 2021
Para centralizar um módulo de imagem, CTA ou logotipo em uma página, blog ou e-mail, adicione um estilo inline ao seu modelo na ferramenta de gerenciador de design. Essas instruções se aplicam a modelos de layout criados na ferramenta de gerenciador de design.
Se você estiver usando um modelo que inclua uma área do tipo arrastar e soltar, você pode centralizar o alinhamento do módulo dentro do editor de páginas.
Observação:
- Este método requer uma compreensão básica de HTML.
- Se a sua página ou modelo tiver uma folha de estilo anexada ou qualquer estilo adicional adicionado, pode haver CSS existente afetando a sua imagem, CTA, ou logotipo. A HubSpot recomenda trabalhar com um designer para identificar a fonte do estilo e fazer as alterações necessárias para centralizar seus ativos.
- Na sua conta da HubSpot, acesse o painel de landing pages, páginas do site, blog ou e-mail.
- Passe o cursor do mouse sobre a página, post de blog ou e-mail e clique em Editar.
- Na parte superior do editor de conteúdo, clique na guia Configurações.
- Na guia de configurações, role para baixo e clique em Opções avançadas.
- Na secção Modelo , clique em Editar este modelo. Esta ação abrirá seu modelo no editor de layout em uma nova aba ou janela
- No modelo de layout, clique no logotipo, call to action ou módulo de imagem para selecioná-lo no inspetor.
- No campo Estilo inline, adicione o seguinte CSS:
text-align:center;
- Clique em Publicar alterações no canto superior direito para aplicar as alterações neste modelo.
- Depois, volte ao editor de conteúdo e o seu navegador para preencher as alterações no seu template. O seu conteúdo neste módulo estará agora centrado na sua página, blog ou e-mail.
