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

WP SITES

2662

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

Blog Template To Show Latest Post On Top of Entries In 2 Columns

This custom blog page template show the latest post full width ( 2 columns ) and then all other post underneath in 2 columns like this :

Note : This solution was written specifically for the Infinity Pro child theme. If you’re not using Infinity Pro, this solution may work better in your theme.

Demo Video #

Shows the latest post displaying full width with all other entries in 2 columns.

  • All posts display in a single column at screen widths under 960px width.
  • Also works with 3, 4 & 6 columns.
  • Works best when posts per page set to display a odd number of entries.

Code Installation – Included #

There’s 3 steps relating to usage of the code in the download folder :

Step 1 : Upload the page_blog.php file to the Infinity Pro theme folder like this :

Register or login to access the download folder :

Register for full access

Related Tutorials

  • CSS Grid For Genesis Archives
  • Genesis Blog Posts Template – Fully Customizable

Blog Page Grid Columns Infinity Pro Theme

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems