LIVE PREVIEW
Using Genesis Featured Posts Combo plugin and Genesis Widget Areas Generator plugin I created this 3 columns grid layout for my blog posts. It took 5 mins.
Step 1: Created a widget area using Genesis Widget Areas Generator plugin. Navigate to Widget Generator > Add New and created this one
Step 2: Drag&Drop the Genesis Featured Post Combo widget in “Grid Layout for Blog Page” widget area and setup the widget.
Step 3: Created a Blog page and assigned the “Grid Layout for Blog Page” widget area for that page. Also I entered this “grid-layout” in custom body class text field.
Step 4: Added this small css in style.css file
01 |
/* # 3 Columns Grid layout for Blog Page |
02 |
------------------------------------------------------------ */ |
03 |
.grid-layout .page.entry { |
04 |
padding: 100px 0 0; |
05 |
} |
06 |
07 |
.grid-view-blog, .grid-layout .page .entry-header { |
08 |
padding: 0 40px; |
09 |
} |
10 |
11 |
#grid-view-blog .entry-header > h2.entry-title { |
12 |
font-size: 36px; |
13 |
} |
[“source=carblogindia”]