In this article I share the code to set Featured image as background for Header using Backstretch in Genesis. This way each Post and Page can have different Header (background) images. Summary: If a Page/Post/CPT entry has a Featured Image attached, use it as a background image for the Header. For Page/Post/CPT entry that does […]
Premium Content
How to remove Header from front page in Genesis
Jeff asks, Is there a way to disable the entire header (so it does not display) but only on the homepage? Below is the code to add in child theme’s functions.php to make .site-header appear on all pages of a site running Genesis except on homepage. To view the full content, please sign up for […]
How to display a custom widget area after entry on Posts that use Full Width layout in Genesis
Carly asks, Can somebody advise me on how I could register a new widget area but ONLY on pages I’ve set to be full-width. I’m basically looking to add a new widget area in that space, after my content. I already have an ‘after content’ widget on EVERY page. I’d like this widget SOLELY for […]
How to display Posts organized by category as Data Tables in Genesis
Recently I finished custom work for a gentleman that involved creating a Page Template in Genesis that shows Posts in tabular format grouped by their categories with sorting and search options available in the front-end. Full page screenshot. Requirements: Displays Posts from each category organized by category with the categories in ascending order. Within each […]
Scroll Animations in WordPress using Smoove
In the past I wrote several tutorials on scroll animations Genesis/WordPress: Scroll animations in WordPress using WOW.js Adding scroll animations in Parallax Pro Using ScrollReveal.js to fade in posts in Genesis Scroll animations in WordPress using Animate.css, Jack In The Box and Waypoints Using Waypoints jQuery to animate and fade in elements as they are […]
How to Remove Primary Navigation from homepage and show on inner pages only for logged in users
In my post titled Removing Primary navigation menu on home/front page in Genesis, Jeremy asked, Is there a way to add it so it not show on the front page and would only show on other pages if a user was logged in? i.e., the requirement is: 1) Remove Primary Nav from homepage 2) Display […]
How to Remove Date from all Posts of a Specific Category in Genesis
Missy asks, Hey #genesiswp developers! Any of you know how to turn the date off on just 1 category?— Missy ♿️📚 (@nerdoutofspoons) October 8, 2014 @srikat on all the posts in a category— Missy ♿️📚 (@nerdoutofspoons) October 8, 2014 We can attach a function to the genesis_post_info filter and use in_category() if conditional to remove […]
How to Slide Down Search Box in a Full Screen Overlay in Genesis
In this article I show how Fullscreen Overlay Effects code by Codrops can be used to bring up a search box in a full screen overlay when a magnifying glass search icon is clicked in the Primary navigation of Genesis. As can be seen at Tympanus’ demo page, the overlay can be shown with various […]
How to display Excerpts as mouse following tooltips for Featured Images in Portfolio Archive in Genesis
In this article I share how excerpts can be shown in a tooltip when mouse is placed on featured images for entries in the Portfolio archive page of Minimum Pro. We shall use PowerTip for the tooltips and write a small custom JS that will pluck the excerpt text, place it in a variable, hide […]
Mobile Responsive Genesis Header Nav
Gary Jones authored a plugin called Genesis Header Nav for Genesis that registers a menu location and displays it inside the header. The benefit of using this plugin over the built-in Header Right widget area is that when the requirement is to display a custom menu in header’s right side, Genesis Header Nav plugin does […]
Recent Comments