WP SITES

2409

Original Genesis Tutorials & 5000+ Code

Snippets

Add Genesis Grid Loop Before or After Home Page Widgets

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:

loop before widgets

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:

loop after widgets

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.

Related Tutorials