Category Archive Entries In Equal Height Columns

The template in this download folder display your posts in a perfect 3 column grid regardless of title length and featured image height like this :

Equal Height Posts On Archive Page

The above image shows 3 entries on the category archive page displaying equal height even though the entry titles are different lengths.

The code also enables you to set the content limit and use any of these settings in the template to fully customize your archive.

Demo Video

Shows posts on archives display in equal height columns and in a single column on mobile screens.

Displays each entry equal height regardless of featured image size and post title length.

Tested using the Essence Pro child theme by StudioPress however should work in any Genesis child theme without modification.

Installation Steps

There’s 2 steps :

  1. # Upload the template file named category.php to your child theme folder like this :/li>
     

    Step 1

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

    Step 2

Download Folder

Join 5000+ Followers

Get The Latest Free & Premium Tutorials Delivered The Second They’re Published.