This code enables you to add the genesis grid loop before or after widgets in your home.php or front-page.php file.
You can display your loop of posts in a 2 column grid or as features which display your post content or excerpt full width.
Genesis Grid Loop Before Widgets
Here’s a screenshot of what the code generates on the front page:
Here’s the entire front-page.php code which adds the Genesis grid loop before your home or front page widgets.
Genesis Grid Loop After Widgets
Here’s a screenshot of what the code generates on the front page:
Here’s the entire front-page.php code which adds the Genesis grid loop after your home or front page widgets.
CSS & Media Queries
Includes both the CSS and the CSS for the Media Queries.
Notes
- Tested on the Enterprise Pro child theme by StudioPress.
- The code may need modifying for use on other Genesis child themes.
Was This Tutorial Helpful?