In this tutorial I share how to set up a grid of 3-columns (can be 2 or 4 or 5 or 6 columns) showing the featured images of Portfolio Post Type entries with a black & white turning to color effect for the images on hover.
Step 1Install and activate Portfolio Post Type plugin. In the WP admin, navigate to Portfolio > Add New Item and enter your Portfolio entries. Make sure to set a Featured Image for each item.
Step 2Add the following in child theme's functions.php:
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode characters
|// Register a custom image size for Portfolio images|
|add_image_size( 'portfolio', 700, 440, true );|
|// Add Archive Settings support to Portfolio CPT|
|add_post_type_support( 'portfolio', 'genesis-cpt-archives-settings' );|
Step 3Create a file named archive-portfolio.php having the following:
To view the full content, please sign up for the membership.
Already a member? Log in below or here.