• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

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

CSS Grid Columns Essence Pro Theme

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.