Se estiver a utilizar os modelos de apresentação criados na ferramenta de gestão de design, centre uma imagem, uma CTA (legado) ou um módulo de logótipo na sua página, blogue ou e-mail, adicionando um estilo em linha ao seu modelo.
Se estiver a utilizar um modelo que inclua uma área de arrastar e largar , pode centrar o alinhamento do módulo no editor de conteúdos. Pode também centralizar módulos no editor de páginas usando espaçadores horizontais.
Centrar uma imagem, CTA (legado) ou logótipo com estilo em linha
Para centrar uma imagem, uma CTA (legado) ou um logótipo num modelo de página ou de correio electrónico:
- Na sua conta da HubSpot, navegue para as suas Landing pages, página do site, Post de blog ou painel de 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údos, clique no separador Definições .
- No separador Definições, desloque-se 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 guia ou janela.
- No seu modelo de apresentação, clique no logótipo na chamada para ação ou no módulo de imagem para o selecionar no inspetor .
- No campo Inline Styling , adicionar o CSS text-align: centro ;
- No canto superior direito, clique em Publicar alterações para aplicar as suas alterações a este modelo.
- Depois, regresse ao editor de conteúdos e actualize o seu navegador web para preencher as alterações ao seu modelo. O seu conteúdo neste módulo será agora centrado na sua página, blog, ou e-mail.
Centrar uma imagem, CTA (legado) ou logótipo a partir das opções de estilo do seu módulo
Se estiver a utilizar um modelo com uma área de arrastar e largar, em determinados módulos ou secções, pode optar por definir o alinhamento directamente. No entanto, tenha em atenção que esta opção de estilo pode não estar disponível em todos os modelos ou módulos.
- Para centralizar os módulos da sua página:
- Na sua conta da HubSpot, navegue para as suas landing pages, página do site ou post de blog.
- Passe o cursor sobre a sua página ou post do blog, depois clique em Editar.
- No editor de páginas, clique no módulo que pretende centralizar.
- No painel esquerdo, clique na guia Estilos.
- Clique para expandir o Alinhamento e espaçamento.
- Em Alinhamento, seleccionar o alinhamento do Centro .
- Para centralizar os seus módulos de correio electrónico:
- Na sua conta da HubSpot, acesse Marketing > E-mail.
- Passe o cursor sobre a sua página ou post do blog, depois clique em Editar.
- Clique no módulo que pretende centralizar.
- No painel da esquerda, clicar no menu suspenso Alinhamento e seleccionar Centro.
Centrar uma imagem, CTA (legado) ou logótipo utilizando espaçadores horizontais
Se o módulo que está a utilizar não tiver opções de alinhamento, a partir do editor de páginas, pode adicionar espaçadores horizontais à sua página para centrar os módulos.
Para centralizar o seu módulo usando um espaçador horizontal: