In the past, I wrote an article titled WooCommerce Shop Archive Image in Genesis using ACF Pro where Advanced Custom Fields Pro was used to create a Settings page having an image upload/selection meta box. In this tutorial, we are going to add an image type Media Control in the Customizer so that a banner […]
Search Results for: genesis
How to set up a button to load more posts on the same page using Infinite Scroll in Genesis
This tutorial provides the steps to use Metafizzy/Desandro’s Infinite Scroll Javascript in Genesis to replace the standard pagination on the Posts page and archives with a “Load more posts” button which when clicked loads the next set of posts below the existing ones and so on. We are going to create a `content-archive.php` template part […]
How to add links to Previous Post and Next Post on single Posts in Genesis
Genesis has a handy function called genesis_prev_next_post_nav() which displays links to previous and next posts. To display the prev and next post i.e., adjacent entry pagination on single posts, add this in child theme’s functions.php: // Add single post navigation. add_action( ‘genesis_entry_footer’, ‘genesis_prev_next_post_nav’ ); To give some breathing room below, in child theme’s style.css add […]
Custom slider showing featured posts and featured events in Genesis
In Genesis Facebook group, a user asked: Genesis Responsive Slider: I currently have a “featured” category that populates the slider. We use Modern Tribe Events on the website. I would like to create an event category called “Featured Events” and have those also included in the slider. Any insight on how to marry both of […]
Responsive menu inside an off-canvas side menu using Slideout.js in Genesis
Updated on June 12, 2018 In one of my earlier tutorials, I wrote about Slideout in Genesis where the off-canvas side menu was set to show the widgets placed in a custom widget area. In this article, we shall move the mobile responsive menu which appears after clicking/tapping the hamburger menu icon (from 959px and […]
How to unlink featured image from Genesis – Featured Page widgets
In Genesis WordPress Facebook group, a user asked: Hi everyone. On Genesis Featured Page, how can I disable link to page from featured image? I’m using Atmosphere Pro. Custom Genesis – Featured Page Widget plugin can be used for this. Here’s how. Step 1 Install and activate Custom Genesis Featured Page Widget plugin. Step 2 […]
Custom Genesis – Featured Page Widget plugin
Looking to make changes in the output of Genesis – Featured Page widget(s)? Get Custom Genesis – Featured Page Widget plugin from Github This is similar to Custom Genesis Featured Posts Widget plugin, but for the Genesis Featured Page widget(s) instead of Genesis Featured Posts widget(s). Sample usage: How to unlink featured image from Genesis […]
Off-canvas side menu in Genesis using Slideout.js
Update on January 12, 2020: Follow the updated tutorial here instead. Slideout.js is a touch slideout navigation menu for mobile web apps. In this tutorial, I share the steps to display a hamburger menu icon at smaller widths which when clicked/tapped will slide out the widgets placed in a widget area from the side of […]
How to set featured image as background for Posts page heading in Genesis
When a static Page has been set as Posts page at Settings > Reading, the title of the Page will automatically appear as a heading on the Posts page in Genesis. This tutorial provides the steps to grab URL of the featured image set for this Page and set it as background image for the […]
Problem with entry title in Genesis Grid with css
Hello, I am using this tutorial for background header How to display Page Title on full-width Featured Image in Genesis and this for Post Grid, but I think that it not compatible. Posts Grid on Archives in Genesis When I use these In blog the title show the 1 first single post, no the name […]
Recent Comments