Celado Grids

Tracking since Apr 27, 2026.

Changelog

• Apr 27, 2026
  description

  A extensão 'Celão Grids and Display Elementor Extension' exibe os valores da largura de tela na nova barra de edição do Elementor. Além disso, ela disponibiliza grids para o desenvolvimento nos 7 breakpoints disponíveis (Widescreen, desktop, notebook, tablet paisagem, tablet retrato, celular paisagem e celular retrato). 
  
  Os grids podem ser configurados como desejar: quantidade de colunas, largura útil para cada resolução, margem lateral, espaçamento gap e cor da grid.
  
  Essa extensão foi desenvolvida para web designers CELADOS tornarem seu desenvolvimento 'milimetricamente perfeito', conforme ensinado na Live 45 sobre "sites 100% responsivos com Elementor" que está disponível para assistir gratuitamente no Youtube do 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 e Opera
  (todos baseados em Chromium). Se desejar usar no Firefox, também está disponível na Mozilla Store, é só pesquisar por 'Celado Grids' lá.

• Apr 27, 2026
  short_description

  Extensão que exibe grids e largura na nova barra do Elementor.

  Exibe grids e largura na barra do Elementor e permite personalizar as cores do editor no navegador atual.

• Apr 27, 2026
  name

  Celão Grids and Display Elementor Extension

  Celado Grids

Permissions & access

Permissions

storage

Host access

None declared

Screenshots

Similar extensions

Alternatives to Celado Grids, ranked by description similarity.

Elementor Width Display

Essa extensão exibe as laguras dos breakpoints no elementor e também adiciona um grid ao canva

2.0K

★ 4.8

Guias para Elementor PRO - FLD

Esta extensión genera unas guias de construcción dentro de Elementor pro para facilitar la construcción de sitios webs.

257

★ 5.0

EWD Grid

Create grid overlays for layout alignment that enhance web development.

2

Grid Overlay

A precision grid tool that helps UI Designers and Front-End Developers slice designs into clean, accurate code—faster and easier.

52

Grid Overlay Pro

Professional grid overlay tool with responsive breakpoints - like Figma grids for the web

351

★ 5.0

Grid Master Pro

Premium customizable grid system overlay for web developers

103

★ 5.0

Responsive ViewPort for Elementor

Display breakpoint widths and add grid to Elementor canvas

22

Bootstrap grid viewer

Detects Bootstrap Grid elements on a page and displays visual overlay for them

1.0K

★ 3.7