Minimum Pro Theme – Portfolio Page

[renwil]

How can I change how many images show up on each row in the portfolio page. I want to change it from two images to three images on each row.

[Tom]

Hi @renwil,

Edit your child theme files as follows to change the portfolio loop and matching CSS for a three-column output using the built-in Genesis Column Classes. Adjust the CSS styles as required.

In the template file archive-portfolio.php, delete or comment-out these lines (~line 9):

//* Add even/odd post class
add_filter( 'post_class', 'minimum_even_odd_portfolio_post_class' );
function minimum_even_odd_portfolio_post_class( $classes ) {

    global $wp_query;
    $classes[] = ($wp_query->current_post % 2 == 0) ? 'portfolio-odd' : 'portfolio-even';

    return $classes;

}

In the same place in archive-portfolio.php, add the following code, courtesy of Bill Erickson:

/**
 * Breaks the posts into 3 columns
 * @link http://www.billerickson.net/code/grid-loop-using-post-class
 */
add_filter( 'post_class', 'tsm_archive_post_class' );
function tsm_archive_post_class( $classes ) {
    global $wp_query;
    // Keeps columns out of secondary loops ie: Genesis Featured Post widgets
    $classes[] = 'one-third';
    if( 0 == $wp_query->current_post || 0 == $wp_query->current_post % 3 )
        $classes[] = 'first';
    return $classes;
}

In style.css, delete or comment-out these lines under Content Areas ... Entries (~line 1230):

.post-type-archive-portfolio .entry {
    float: left;
    margin-bottom: 60px;
    width: 50%;
}

.post-type-archive-portfolio .entry:nth-of-type(2n) {
    float: right;
    padding-left: 30px;
}

.post-type-archive-portfolio .entry:nth-of-type(2n+1) {
    clear: left;
    padding-right: 30px;
}

Add this code in the same place:

.post-type-archive-portfolio .entry {
    float: left;
    margin-bottom: 60px;
    margin-bottom: 6rem;
}

.post-type-archive-portfolio .one-third .first {
    clear: left;
	float: left;
}

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[renwil]

Thanks for the info. I tried this and it didn't work. Now my portfolio page doesn't show anything. The site is not published yet since I'm not done with it, so I can PM someone the log in information to see if they can help me.

[Author]

Posts