Magazine Pro Templates To Display Different Archive Page Types In Equal Height Columns

The templates in this download folder enable you to display your entries in equal height columns for any page type including :

  • Your front page
  • Your posts page ( home page )
  • Your archive pages
  • Your blog page

The code in the template also enables you to reposition your featured image before your entry title and post info.

In this example we show entries in 2 columns however you can display your posts in any number of columns.

Demo Video

Shows posts displaying in equal height columns on the posts page, blog page and archives pages using the Magazine Pro child theme by StudioPress.

Should work fine in most Genesis child theme without modification.

Installation Steps

There’s 2 steps :

  1. # Upload any/all template files named archive.php, page_blog.php, home.php to the Magazine Pro theme folder like this
  2.  
    Step 1

  3. # Copy & paste the CSS from the style.css file to the end of your style sheet and clear caching.
  4.  
    Step 2

Download Folder

Breadcrumbs

If you want to use Yoast Breadcrumbs, add this code to the archive.php and page_blog.php files once you install and configure breadcrumbs using the Yoast SEO plugin settings.

Was This Tutorial Helpful?

Free

$0

Access only to all free tutorials per month.



Monthly

$75

Access to 10 premium tutorials per month.


Tutorial Request


Includes code guarantee and coding support.

Yearly

$500

Access to 15 premium tutorials per month.


Monthly Tutorial Request


Includes code guarantee and priority coding support.