Celado Grids by Marcelo Rocha Designer
Exibe grids e largura na barra do Elementor e permite personalizar as cores do editor no navegador atual.
Extension Metadata
Screenshots
About this extension
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:
Além disso, a extensão também permite personalizar visualmente o editor do Elementor no navegador atual. É possível:
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.
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.
Rated 5 by 1 reviewer
Permissions and data
Required permissions:
- Access your data for all websites
Data collection:
- The developer says this extension doesn't require data collection.
More information
- Add-on Links
- Version
- 2.2
- Size
- 496.97 KB
- Last updated
- 7 days ago (Apr 10, 2026)
- Related Categories
- License
- All Rights Reserved
- Version History
- Add to collection