Sridhar Katakam

Genesis and WordPress Tutorials

Portfolio Grid in Dynamik with Title and Excerpt on Hover

by 9 Comments

This is a step-by-step tutorial detailing the implementation of my Portfolio in Genesis with Featured Images in a Grid revealing Title and Excerpt on Hover article in Dynamik.

dynamik-portfolio-grid-hover

Step 1

Install and activate Portfolio Post Type plugin. Add Portfolio Items and attach Featured images. In the demo site I have used images that are 800 x 533.

Step 2

Add the following in Genesis > Dynamik Custom > Functions:

To view the full content, please sign up for the membership.

Already a member? Log in below or here.

  • This is great. I’m curious if there’s a way to put something like this in a widget? Mabye another tutorial. Keep up the great tuts!

    Reply

  • Just curious, Sridhar, is this custom template applied to the built in archive template in the Portfolio Post Type plugin, or does it need to be applied to a new page?

    Just wasn’t clear when reading through the tutorial.

    Great tutorial! Thanks. Yael

    Reply

  • Hi Sridhar,

    Figured out the answer to my previous question by reading some other tutorials so disregard that. But I did want to ask about this:

    Create a file named archive-portfolio.js in wp-content/js directory having this code:

    Is that the correct directory? I would think it would be the child theme folder rather than wp-content?

    I’ve tried adding the js file to both wp/content/js (according to tutorial) and in child theme /js folder and neither worked, so I would love to know which directory is correct for the js file.

    Yael

    Reply

  • Duh, all I needed to do was look at the template file to figure it out.

    So it is the wp-content/js file!

    Still not working for me but at least I have the correct directory for the js file!

    Reply
    • >