Como configurar uma grade modular personalizada no Zero Block
Uma grade modular permite que você defina a estrutura básica do design e trabalhe mais rapidamente com o layout. Ela cria um layout unificado de todos os elementos do site e ajuda a manter a ordem visual.
Por padrão, uma grade de 12 colunas é usada no Tilda.
Para configurar a grade, vá para Zero Block → Settings → clique em "Open" (Abrir) emZero Block Settings" (Configurações doZero Block ).
A grade é modificada separadamente para cada resolução: Ela será diferente para desktops e dispositivos móveis.
Você pode mostrar ou ocultar a grade usando a tecla "G", ou clicando nos três pontos no canto superior direito da tela → "Show Grid" / "Hide Grid", ou alternando "Hide grid" em Zero Block Settings.
Configurações de grade vertical
Colunas representa o número de colunas;
Largura da coluna é a largura de cada coluna em pixels;
Calha da coluna é o espaçamento entre as colunas em pixels;
Margens da coluna são os espaços à esquerda e à direita da grade em pixels.
Largura da coluna é a largura de cada coluna em pixels;
Calha da coluna é o espaçamento entre as colunas em pixels;
Margens da coluna são os espaços à esquerda e à direita da grade em pixels.
Alguns valores podem ser bloqueados para que não sejam alterados se você ajustar outros. Para bloquear um valor, clique no ícone de bloqueio ao lado do parâmetro desejado.
Configurações de grade horizontal
Linha de base da linha é o espaçamento das linhas horizontais em pixels;
Altura do módulo é o número de linhas (um módulo) seguido por uma linha em branco que marca o início do próximo módulo;
Margens da linha são os espaçamentos abaixo e acima da grade em pixels.
Altura do módulo é o número de linhas (um módulo) seguido por uma linha em branco que marca o início do próximo módulo;
Margens da linha são os espaçamentos abaixo e acima da grade em pixels.
Configurações gerais de grade
Cor é a cor das colunas (visível somente no editor);
Opacidade é a opacidade do preenchimento das colunas;
Border opacity (Opacidade da borda) é a opacidade das bordas das colunas.
Opacidade é a opacidade do preenchimento das colunas;
Border opacity (Opacidade da borda) é a opacidade das bordas das colunas.
Importante: Por padrão, as configurações de grade são especificadas para todo o projeto. Ou seja, a mesma grade modular será usada automaticamente em todos os Zero Block do site.
Para criar uma grade exclusiva para um bloco específico, abra as configurações da grade e selecione o valor "Current block" (Bloco atual) para a opção "Use For" (Usar para). Assim, as configurações serão aplicadas somente ao bloco atual, e os outros blocos usarão a grade padrão. usarão a grade padrão.
Você também pode desfazer as modificações e restaurar as configurações da grade. Para fazer isso, clique no botão "Reset grid settings to default" (Redefinir configurações de grade para o padrão) → clique em "OK" na janela pop-up.
