Celado Grids by Marcelo Rocha Designer

A extensão Celado Grids aprimora a experiência de edição no Elementor ao adicionar recursos visuais e de personalização diretamente no editor.

Com ela, você pode exibir na barra superior do Elementor os valores atuais de largura e altura da área de edição, além de ativar uma sobreposição de grids de desenvolvimento para criar layouts com muito mais precisão.

A extensão oferece suporte aos 7 breakpoints do fluxo responsivo:
Widescreen, Desktop, Notebook, Tablet Paisagem, Tablet Retrato, Celular Paisagem e Celular Retrato.

Os breakpoints podem ser configurados de forma avançada, permitindo ajustar:

Ativação ou desativação dos breakpoints opcionais
Largura inicial de cada faixa responsiva
Quantidade de colunas
Largura útil
Margem lateral
Espaçamento entre colunas (gap)
Cor da grid
Modo de mesclagem da grid

Além disso, a extensão também permite personalizar visualmente o editor do Elementor no navegador atual. É possível:

Ativar ou desativar a personalização de cores do editor
Definir uma única cor base para todos os breakpoints ou escolher uma cor base individual para cada breakpoint
Alternar a barra superior do editor entre versão escura e versão clara
Escolher o idioma da extensão entre português (Brasil), inglês e espanhol

Tudo isso foi pensado para dar mais controle, clareza visual e consistência no desenvolvimento de interfaces responsivas dentro do Elementor.

A extensão Celado Grids foi desenvolvida para web designers CELADOS que querem um processo mais preciso, organizado e visualmente refinado, ajudando a construir layouts milimetricamente perfeitos com mais agilidade no dia a dia.

A live 70 do Youtube do Marcelo Rocha Designer (@marcelordesigner), indicada dentro da própria extensão, agora conta com banner clicável no topo do popup para facilitar o acesso direto ao conteúdo.

A extensão foi testada e aprovada nos navegadores:
Google Chrome, Microsoft Edge, Vivaldi, Brave Browser, Opera (baseados em Chromium - nestes casos pesquise na Chrome Store) e Firefox.