Custom grid panels layout with Omega theme

For a lot of my recent projects I have used the Omega theme as the base theme, I love the whole responsive design support and grid system. But when you create a Panels page and choose a layout you don’t get the same grid support as you do with Omega.

Panels outputs its own grid system, where as Omega has an easy to follow grid framework. Check out the Containers and Grids (Omega 2.x documentation) page to understand how to create grid layouts.

In this article I’ll show you how to create a grid layout as a custom panels layout. We’ll then apply this layout to the node_view (/node/%node) page.

UPDATE: Omega does offer integration for panels.

Continue reading “Custom grid panels layout with Omega theme”