In Agency Pro the Home Middle section displays Featured Posts with featured images appearing in regular state and Post content appearing on hover as a transparent overlay. In this article I share how the same can be set up in any Genesis child theme.
First generic steps are given that are tested with Genesis Sample and then Centric Pro specific instructions with minor variation.
On hover:
Step 1
Add the following code in child theme's functions.php to:
a) Add a custom size for Featured Posts' thumbnails
b) Register a "Agency-like Featured Posts" widget area
c) Display this widget area below the header
Hi Sridhar,
could you be more specific in step by step for newbie with DWB. I tried it but it didnot work, dont know where I did mistake.
Thank you
Vit
This is exactly what I want to do with Centric Pro! I tried to do it yesterday but the posts inserted above the home sections. Is there a way I can insert it to display after “Home 3” widget or at the very bottom? Thanks!!!!!
I have the same question as Kristine… How can I insert the posts in other home sections or at the bottom of the page?
Thank in advance, and I love your tutorials!
To add them in at the bottom, use a different hook. Sridhar is using “genesis_after_header” in this tutorial see step 1 line 9, you could change that to genesis_before_footer to move it to the bottom, you can see the hooks visually here http://genesistutorials.com/visual-hook-guide/
Thanks for the tut Sridhar
Great post as usual Sridhar. Now how do we code this into a widget to use on our sidebars?
I am using this Centric Pro theme and adding the code for this tutorial and it works great. How would add featured pages instead of posts?
Hi Sridhar,
GREAT post. Is it possible to do the same but with PAGES instead of a category?? For sub-pages of a particular page.
Thank you 🙂
I too am trying to figure this out – using this on featured posts/pages on a sub page – any answers? Tried following a Nuts and Bolts tut – got the widget to appear on the page, but can’t get the images to line up, or get the hover effect… ideas?
Thank you!
See if this helps: https://sridharkatakam.com/display-sub-pages-current-page-automatically-agency-pro-like-grid/
I’ll try to do the same using the featured page widget :=)
Hello Sridhar
Am new to WP – so still learning – really like your tuts to learn from. I use the Genesis-Dynamik set-up.
Really want to learn this with a Genesis-Dynamik set-up – unfortunately cant get this one to work. Any chance of tips on to do this?
I dont know if it matters, but I’ve noticed that your Edit front-page.php. ‘change’ code is the same as your ‘to’ code . . .
Anyway – even if you cant help – THANKS FOR ALL YOUR TUTORIALS!
Maybe one day when I know what I’m doing I might be able to help others too
Anyone know how to get this to work with just the sample-child theme that comes with the basic Genesis Framework?
I don’t have a featured post widget
Found the problem, I was disabling custom posts for a portfolio page
Hi, this is awesome! I’m trying to put a portfolio section into Altitude Pro, in the #front-page-2 section. How can I move this there? Also how can I change the size of the featured image sections as they’re a bit too large for me? Sorry for the noob questions, my first time using Genesis…
Thank you thank you for your tutorials!!!
Also, is there a way to get the posts to pop up, similar to this? http://demo.zigzagpress.com/?theme=single
Thanks for this tutorial, Sridhar! Like previous commenters, I am also using the Centric theme and am trying to add the Agency-like featured posts to THIRD homepage widget area. At the very least, I would like for to be placed before the footer. Is there a way to do this? The site I am working on is
Has anyone successfully implemented this??
Mine doesn’t look at all like it should in Parallax Pro and I followed instructions perfectly…
It worked perfectly for me, I used the default child theme that came with the Genesis framework
Hi Sridhar! I applied this tutorial to a website I’m working on, I applied the CSS styles to my existing Featured Posts gadget and I have just one problem, the “Read more” button stays visible all the time > http://s12.postimg.org/h5zwt3qr1/Sin_t_tulo_1.png
Any suggestion?
Solved, .more-link had position: relative.
Hello,
This worked perfectly for me thanks! I was wondering if it is possible to place this in the third or fourth home widget section, rather than below the header. I have put it before the footer but it doesn’t really look good.
Thanks!
Yes.
I have updated the tutorial and included steps for adding the Agency Pro like featured posts grid in Home 5 widget area on the front page. You can follow them for any other Home widget area section.
Your last addendum for Centri Pro works great! Thanks!