SuryaCreates Background Grid Maker adds a “Grid Background” box to the Page editor sidebar. From there you can:
- Toggle the grid overlay on or off for that specific page.
- Choose a grid style: straight lines (squares) or dots.
- Pick any grid color using the native WordPress color picker.
- Set the grid cell size independently for desktop, tablet, and mobile.
- Adjust line/dot thickness and overall opacity.
Your theme’s background color is never touched. The plugin only adds a background-image layer on top of the page — it never sets background-color, so your existing design stays exactly as it is. Only the grid pattern itself is added.
Same design everywhere
Prefer one consistent look across your whole site instead of configuring every page by hand? Turn on “Same settings for every page” under Settings > Grid Backgrounds and design the grid once — it will automatically apply to every page.
Overview screen
Settings > Grid Backgrounds also includes a read-only table listing every page on your site along with its current grid configuration and a quick edit link, so you can see your whole site’s setup at a glance.
Who is this for?
Designers and developers who want a quick, no-code way to add a decorative grid or dot-matrix background to landing pages, portfolios, or design-focused sites — without writing custom CSS or touching a page builder.
Screenshots
The "Grid Background" settings box in the Page editor sidebar.
The Settings > Grid Backgrounds screen, showing the shared-design form and per-page overview table.