SuryaCreates Background Grid Maker

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.