3 Column Blog Grid on Home Page

Community Forums Forums Design Tips and Tricks 3 Column Blog Grid on Home Page

This topic is: resolved


This topic contains 2 replies, has 2 voices, and was last updated by  designbytracy 2 years, 6 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #29823


    I’m using the Minimum theme and want to change my grid of blog posts at the bottom to be 3 columns, show only the most recent 3 posts, and have a horizontal, centered image below the title and above the text excerpt. Can anyone lead me in the right direction?



    3200 Creative

    Hi Tracy,
    To get the posts to display in 3 columns instead of 2 you will have to remove the following code:

    .genesis-grid-odd {
    clear: both;
    float: left;

    Next add a specified width to the #content .genesis-grid:

    #content .genesis-grid {
    float: left;
    margin: 0;
    padding: 15px 0 10px 3%;
    width: 340px;

    (for the width you can also use percentages)

    To limit the amount of posts shown something similar to this code will work:

    is_main_query() && $query->is_archive() ) {
    $query->set( 'posts_per_page', 3 );

    More info on limiting the posts can be found here

    3200 Creative – Genesis design and development specialists | 3200 Goodies – Design and development blog



    Perfect, thanks. I was well on my way last night with Bill’s post, but hadn’t removed the grid CSS you listed above. Thank you!

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘3 Column Blog Grid on Home Page’ is closed to new replies.