Elemento de linha (divisor)

Sobre o elemento Linha (Divisor)

As Elemento de linha (divisor) no GemPages permite que você seções visualmente separadas da sua página.

Ele melhora a legibilidade, organiza o conteúdo e garante um layout limpo e profissional.

Aqui estão alguns casos de uso comuns para o elemento Linha (Divisor):

• Separação de Seções: Use linhas para dividir diferentes seções da sua página, como depoimentos, descrições de produtos ou FAQs. Isso garante que o conteúdo flua suavemente e permaneça fácil de navegar.
• Intervalos visuais:Uma linha divisória pode atuar como uma sutil interrupção visual entre elementos, ajudando a evitar sobrecarga de informações e direcionando a atenção dos usuários para áreas-chave.

Como adicionar um Elemento de linha (divisor) para sua página?

Siga estas etapas abaixo para arrastar e soltar um elemento de linha (divisor) em sua página usando o GemPages Editor v7:

• Faça login no seu Administrador do Shopify > Construtor GemPages app> PÁGINAS.
• Clique na página onde você deseja adicionar o Elemento Linha (Divisor) para entrar no editor.
• Na barra lateral esquerda, procure esse elemento e arraste-o e solte-o na posição desejada na sua página.

• Localize o elemento para abrir suas configurações para maior personalização.

Configurar a guia Configurações

Sob o Configurações aba, você pode configurar a visibilidade do ícone como preferir:

Formato

Selecione o estilo de linha:

• Sólido: Uma linha contínua para um visual limpo.
• Tracejada or Pontilhado: Para uma aparência mais decorativa ou moderna.

Sessão de Fotos

Escolher cor para a linha que complementa o design e a marca da sua página a partir de uma destas opções:

• Digite um código de cor exato
• Use o seletor de cores
• Escolha entre Cores recentes or Sugerido para você Lista

Além disso, ajuste o espessura da linha para torná-la sutil ou proeminente com base nas suas necessidades de design.

Dimensões:

Personalize o largura da linha dependendo se você quer que a linha abranja toda a seção ou apenas uma parte específica.

Alinhar

Alinhe a linha com a esquerda, centro, ou certo para combinar com seu layout e alinhamento de conteúdo.

Configurar a guia Avançado

Para uma personalização mais avançada, navegue até a guia Avançado e siga as instruções em Este artigo.

Como adicionar espaçamento acima e abaixo do divisor? 

Para personalizar o espaçamento acima e abaixo do Elemento de linha No GemPages, você pode ajustar facilmente as margens. Siga estes passos simples:

Passo 1: Navegue até a Avançado aba.

Etapa 2: Localize o Espaçamento configurações sob o Avançado aba.

Passo 3: Modifique os valores para Margem Superior e Margem Inferior para adicionar o espaçamento desejado acima e abaixo do divisor.

Para obter mais informações sobre margem e preenchimento, consulte Este artigo.