Ir para o conteúdo principal
Isenção de responsabilidade de tradução: esse conteúdo foi traduzido para sua conveniência com o uso de software e pode não ter sido revisado por uma pessoa. O texto oficial é a versão em inglês e sempre será o texto mais atualizado. Para ver a versão em inglês, clique aqui.
Landing Pages

Personalizar os estilos de módulo no editor de conteúdo

Ultima atualização: Julho 16, 2021

Disponível para

Todos os produtos e planos

No editor de conteúdo, você pode editar as opções de estilo do módulo, como margens e acolchoamento, na guia Styles do editor de barras laterais. As opções de estilo disponíveis para módulos e temas personalizados são definidas pelo desenvolvedor que criou o módulo. Saiba mais sobre opções de módulos e estilos de temas em nossa documentação para desenvolvedores. 

Se você estiver usando um modelo starter, um modelo de tema ou um modelo codificado com uma área de arrastar e soltar, também poderá aplicar estilos de fundo às linhas, colunas ou seções da sua página.

Atenção: os módulos mais antigos podem conter estilos obsoletos, que já não estão disponíveis em novos módulos e modelos. Os estilos depreciados ainda podem ser editados na guia Styles, mas serão removidos do módulo se forem limpos.

Personalizar estilos para um módulo padrão ou personalizado

Você pode personalizar opções de estilo, como alinhamento, espaçamento e cores na guia Styles. As opções de estilo disponíveis para módulos personalizados são definidas pelo seu desenvolvedor no gerente de design. Saiba mais sobre as opções de estilo para módulos personalizados em nossa documentação para desenvolvedores. 

  • Na sua conta da HubSpot, acesse suas landing pages ou páginas do site
  • Passe o cursor do mouse sobre o conteúdo e clique em Editar.
  • No editor de conteúdo, clique em um módulo para editá-lo.
  • No editor da barra lateral, clique na guia Styles.
  • Para ajustar o espaçamento do módulo, selecione Padding ou Margin e , em seguida, insira os valores de pixel nos campos. Selecione a caixa de seleção Aplicar a todos os lados para aplicar as mesmas margens ou acolchoamento a todos os lados do módulo. 
  • Personalize as bordas, fontes ou cores disponíveis para o seu módulo

opções de estilo "edit-a-module-s"

Personalizar opções de estilo a partir de um modelo inicial ou tema

Se você estiver usando um modelo inicial ou um modelo temático, algumas opções de estilo podem aparecer na aba Conteúdo do editor da barra lateral. 

  • Na sua conta da HubSpot, acesse suas landing pages ou páginas do site
  • Passe o cursor do mouse sobre o conteúdo e clique em Editar.
  • No editor de conteúdo, clique em um módulo para editá-lo.
  • No editor da barra lateral, clique na guia Conteúdo.
  • Clique para ativar a chave de estilo padrão Override.
  • Na secção Opções de estilo , personalize as opções de estilo adicionais incluídas no seu modelo inicial ou modelo temático. 

editar opções do estilo starter-module