O bloco Espaçador permite adicionar espaços em branco verticais precisos entre outros blocos nas suas páginas SeedProd. Em vez de depender das configurações de margem e preenchimento espalhadas por blocos individuais, o Espaçador oferece um elemento dedicado e visível que você pode colocar em qualquer lugar do seu layout para controlar o espaço entre seções, títulos, imagens ou qualquer outro conteúdo.
O que torna o bloco Espaçador particularmente útil é seu controle de altura por dispositivo. Você pode definir uma altura de espaçador diferente para telas de desktop, tablet e celular de forma independente, para que o espaçamento da sua página pareça intencional e refinado em todos os dispositivos, sem comprometer as configurações de nenhum outro bloco.
Adicionando o bloco espaçador às suas páginas
Siga estas etapas para adicionar um bloco Spacer à sua página SeedProd:
Passo 1: Adicione o bloco
Em Design > Blocos, arraste e solte o bloco Espaçador na seção desejada da sua página, entre os elementos que você deseja espaçar.
Etapa 2: Configure a altura do espaçador
Depois de adicionado, clique no bloco Espaçador para abrir suas configurações. A seção Espaçador contém um único controle Altura com controles deslizantes por dispositivo, para que você possa definir exatamente quanto espaço aparece em cada tamanho de tela.
- Altura (Área de Trabalho): Defina a altura do espaçador para telas de área de trabalho usando o controle deslizante (0–500 px). Clique no ícone da área de trabalho para editar esse valor.
- Altura (Tablet): Defina a altura do espaçador para telas de tablet usando o controle deslizante (0–500 px). Clique no ícone do tablet para alternar para o modo de edição do tablet e ajuste o valor independentemente do desktop.
- Altura (dispositivos móveis): defina a altura do espaçador para telas de dispositivos móveis usando o controle deslizante (0–500 px). Clique no ícone de dispositivo móvel para alternar para o modo de edição móvel e ajustar o valor independentemente do desktop e do tablet.
Etapa 3: Salve suas alterações
Depois de terminar de configurar o bloco Espaçador, certifique-se de salvar seu trabalho.
Você adicionou com sucesso um bloco Espaçador à sua página! Use-o sempre que seu layout precisar de um espaço controlado — entre uma seção principal e sua primeira linha de conteúdo, entre um título e uma imagem ou em qualquer lugar onde o espaçamento padrão entre blocos não corresponda ao seu design. Com valores de altura independentes para desktop, tablet e celular, você pode ajustar o ritmo vertical da sua página em todos os dispositivos sem alterar as configurações de nenhum outro bloco.