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

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.