Genesis and WordPress Tutorials
by Sridhar Katakam 45 Comments Favorited: 2 times
To view the full content, please sign up for the membership.
Already a member? Log in below or here.
Find my tutorials helpful and wish to donate?
Please log in again. The login page will open in a new tab. After logging in you can close it and return to this page.
Just what I needed, thanks so much!! Love you!
By the way, nice redesign!!
Something got mixed up here. You mixed your home-bottom and home-middle posts….
The main screenshot in my post is only for demo. I was just lazy and used the same images for Pages in my test site that are attached to the official theme demo site’s posts.
The css and some paragraphs are also wrong.
You are right. Looking..
The CSS and some paragraphs are also wrong.
The title of the post was wrong.
Changed it from “How to show Featured Pages in Home Middle section similar to Featured Posts in Agency Pro” to “How to show Featured Pages in Home Bottom section similar to Featured Posts in Agency Pro”
Hi Sridhar, so can this be applied to the middle section as the original post titled indicated? I want to show Featured Pages in Home Middle section not Home Bottom section. Can I apply this to Home Middle section?
You will have to replace all instances of “.home-bottom” with “.home-middle” in the above CSS. Then drag multiple Genesis – Featured Page widgets in ‘Home Middle’ sidebar.
Thank you, Sridhar. Actually, soon after I posted that question, it dawned on me that all I needed to do was adjust css styles to .home-middle. Thank you for confirming.
Thank you, Sridhar! Your solution works perfectly and you’ve saved me the trouble of working out all the CSS myself. Much appreciated!
This is great, one quick question. How do I include the “Our Work” title shown on the demo.
1) In front-page.php change http://pastebin.com/raw.php?i=yPMgVnTn to http://pastebin.com/raw.php?i=4Cf3kYWz
2) Add this CSS: http://pastebin.com/raw.php?i=LsFHHJNT
How can I change the size of the boxes that contain the images? The images and spacing are too big on my laptop screen. I would like to make the images smaller so once the “Our Work” button is pushed, all of the smaller boxes (images) can fit on my screen.
You are an absolute star, this saved me hell of a lot of time.
I have been looking at some of your previous posts also and would have saved me so much time if I had only come across them before.
Quick question, each of my six widgets are showing under each other instead of side by side as in the demo, why is this? http://www.webuyfaultyphones.com ?
Delete all the CSS that you have added per my above post, copy from https://gist.github.com/srikat/7707170/raw/312134874fa49826d8311b79b7c047d46bea33b8/gistfile1.css and then paste it instead.
I am having the same issue as Jon, and tried what you recommended and it did not fix it. Would you mind helping?
I am having a similar issue to Jon and can not figure the fix. Would love your help. Tried what you recommended and could not fix it.
This worked for me like a charm.
You’re AWESOME buddy! Thanks a bunch for your time and help 😉
We’re using pages instead of posts for the home middle widget, thanks to your brilliant instructions. (Thank you!)
`add_post_type_support( ‘page’, ‘excerpt’ ); `
to the functions so the pages would have excerpts. We’d like for the home page to pull these page excerpts, but the Genesis Featured Page widget doesn’t offer that as an option.
And of course the Genesis Featured Posts Amplified widget does not work.
I’ve also posted this in the Genesis Community Forum. I apologize if that’s not the proper thing to do.
See if this helps: https://github.com/wpsmith/genesis-sandbox-featured-content-widget
Can you give me the URL of your forum topic?
Are you open to using a commercial plugin (http://www.sridharkatakam.com/go/views/) to achieve this functionality?
Thanks so much. And that DID work, however there is one problem:
In the picture, you’ll see that the title and excerpt have no margin.
Any idea how to format this?
I’m not at all opposed to using a commercial plugin…at first blush that one looks like it might be way over my head.
Have you tried inspecting the title and excerpt with Firebug and see if you can add some padding?
Can you provide the URL of your site?
I have, but can’t figure it out. Is there a way that I could pm you the url? It’s not live at the moment.
Thanks for your help!
Replied to your mail.
You can share your response publicly if you would like.
I actually have the same issue. Cannot find it via firebug neither… Did you find a general solution for this that you can share Sridhar? Thanks for your help!
How can this same function be added to the Minimum Pro theme.
Or any other Genesis Child theme?
With the exact same behavior of dimming out with title and excerpts appearing on hover?
This blog is exactly what i was looking for! Your work is really appreciated, Sridhar.
The only issue I still have is that the paragraphs are not recognized for the text. All sentences show up next to each other as if it is one paragraph. Is there a quick fix for this?
Try one of these plugins instead of the built-in Featured Page widget.
Apparently it is possible to enter your own text with them.
How difficult would it be to apply the grid and hover look to an interior page listing authors/contributors? I’m working on a site with multiple contributors and we’d love to display a list of contributors with the same styling as the home/landing page for consistency. On hover we’d like the author name and short bio to appear. Clickable to that particular users archive page. Would greatly appreciate any help.
How can I change the size of the boxes that contain the images? The images and spacing are too big. I would like to make the images and container smaller so once the “The Game” button is pushed, the smaller boxes (images) can fit on my screen.
Great tutorial! However, the widget area title that was above, identifying the section has disappeared. How would I add this title back in? Would appreciate any help.
Hi Sridhar, you have provided a tutorial for just about everything anyone could want to do with Agency Pro. Is there a way to increase how many images are included in the home-middle area? I have a client who is looking for it to be 4 across, 3 down?
How do I put this on my minimum pro home page?
Hello – this is nice and a great resource you provide here, thanks.
My main problem with this feature of Agency Pro is that on a touch device, of course there is no hover – so no way of seeing the text underneath, which is not good. Given the number of touch devices out there, is there any way that just a portion of text could show such as the title? So at least a touch user would have some idea. I suppose that, coupled with auto detect of touch device would be the real solution… otherwise IMO this is really not a useful effect.
Thanks for any thoughts
I need to know this:
How to show Featured Pages in Home Middle section instead of Featured Posts in Agency Pro
I have tried multiple edits of this code above and in your responses. I keep getting my widgets aligned vertically with a title and description from the page rather than the 2×3 hover tiles. Followed all directions to the T multiple times and have deleted and re-entered code a few times as well. Not sure what to do to get this to work now.
Note: Should I be putting this in my theme style.css or the genesis style.css?
I got this to work now and its all good except for one thing…
I am now getting my featured images appears above the page title and excerpt. How do I get it so when I hove over the page’s featured image that the page title and excerpt appear? I double checked my code and everything matches what you have posted, along with everything from the widget pages themselves.
Anyone experiencing issues with this after the Genesis 2.1.1 update?
Please let me know!
Hello Sridhar! I was doing some research because I purchased the Genesis AgencyPro theme and needed to add 3 featured pages (not posts) under the Middle Home section. I read your awesome article on this here: http://sridharkatakam.com/show-featured-pages-home-bottom-section-similar-featured-posts-agency-pro/
However, after trying the steps many times and trying the plugins you mentioned, I am unable to get the featured pages to display 3 in a row horizontally. They keep displaying 3 in a column vertically. I was wondering if you could point me in the right direction on this since you are obviously quite the expert. Thanks for your time. My temporary URL is: http://dmo.mystagingwebsite.com/
Anyone who can help?