In a customization task that I am working on currently, the client wants the following changed/added w.r.t Genesis – Featured Posts widget: 1 Post is to be shown from either of two specific categories. Instead of a static (widget) title, category name should appear. Different font-family should be applied to the title depending on which […]
Adding the missing Entry Footer markup in Genesis
In Genesis, Entry Footer on single Posts is wrapped in <footer class=”entry-footer”> and </footer>. For entries in single CPT (Custom Post Type) pages and CPT archives, however, entry footer content does not get wrapped in the .entry-footer markup. The reason for this is the if ( ‘post’ === get_post_type() ) conditional in genesis_entry_footer_markup_open() and genesis_entry_footer_markup_close() […]
How to add links to previous and next entries that slide open to reveal titles in Genesis
In this article I share how get_adjacent_post() can be used to display links to previous and next entries on single Post pages and single entries of a particular ‘movies’ CPT in Genesis. Summary: a) The navigation links are going to remain fixed and always visible. b) jQuery is used to calculate the number of pixels […]
How to add a ‘New’ ribbon for Posts published in the last 7 days in Genesis
Want to display a New ribbon on single Post pages that were published in the last x number of days? Follow along.. Step 1 Create a file named single.php in your child theme directory having the following: To view the full content, please sign up for the membership. Already a member? Log in below or […]
How to populate text area on single Posts with Post Title, Content and custom HTML in Genesis
Earlier today a user contacted me and asked, I am wondering if you are able to help with this. On the site ——.com, my client wants to have a place where users can easily copy and paste the html content of the article …. an example of that can be found on this site: http://www.copyrightfreecontent.com/newsusa/minor-leaguer-caught-new-dream-after-outfield-collision/ […]
How to display a Fixed Mini Header when Scrolling down in Genesis
Update on January 16, 2017: New tutorial > https://sridharkatakam.com/fixed-mini-header-scroll-inline-logo-nav-menu-genesis/ In a recent customization project I took up, client wrote: The other feature we’d like to implement is a sticky header that shrinks after the page has scrolled very much like the page at http://www.marcuardfamilyoffice.com/en/values In this article I share how a sticky mini header consisting […]
How to display Featured images above Posts with Title as overlay
Scot asked, Has anyone played around with this yet? http://sridharkatakam.com/applying-backstretch-multiple-featured-images-genesis/ I would like to center the post title on the image. An advice? In this article I share how featured images can be shown above each Post in Posts page and other archives in Genesis with centered titles appearing on top of the images. The […]
Collapsible Horizontal Opt-in form in Genesis
In the comments section of my tutorial titled Adding a horizontal opt-in form in Genesis, a reader asked: Got this form to work perfectly! Only question is finding a way for people to collapse it if they’re already subscribed or just want to hide it on the screen. I want it to show up by […]
Custom Posts display with wide Featured images for the latest 3 Posts and thumbnails for the rest in Genesis
Design Requirements: Scope: Site’s front page showing the list of blog Posts. Settings set at Genesis > Theme Settings > Content Archives should not affect the display. In other words, blog Posts on front page should be independent of the theme’s content settings. Excerpts to be shown with custom Read more text. 6 Posts to be […]
Applying Backstretch to multiple Featured images in Genesis
In this article I share how Featured images (if present) linking to corresponding single pages can be displayed above Posts on listing pages in Genesis. Thanks to Luke for the idea that Backstretch’s source can be pulled from data attribute on the webpage. The purpose of this tutorial is only to show how Backstretch can […]
Recent Comments