In a project that I am currently working on, there’s a custom field group created in Advanced Custom Fields called “Trend report meta” and it has ‘Report PDF’ and ‘Report Category’ custom fields. This group is set to appear in a Custom Post Type named ‘Trend Report’. ‘Report Category’ is a Select field with these […]
Genesis Header with Logo, Nav and Social Icons in-line
Adam asks, Do you have a tutorial on how to create the header so that the logo, navigation and social icons are all in-line ? In this tutorial I share the steps to customize header in Genesis Sample child theme to show an inline logo image at floated to the left and a custom menu […]
Front Page Template for Full Width Sections in Genesis
The current trend with most website homepages these days is full width sections going from edge to edge of the browser between the header and footer. Bill Erickson has an excellent post on this topic here. In this article I would like to share my custom front-page.php based off of Bill’s code. This template takes […]
Adding the word ‘Menu’ next to the Hamburger icon in Altitude Pro
In the members-only forum, a user asked: I’m using altitude pro, but I suspect this would apply to other themes as well. I’ve looked online and through the tutorials and understand how to replace the dashicon. However, adding the word Menu next to the dashicon is not working well in my tests …I’m trying to […]
Conditionally assigning different menus in Secondary Navigation Menu location in Genesis
In a project that am working on, the requirement is to display different WordPress menus on different pages (views) in the Secondary Nav. Ex.: ‘Shop Menu’ on a specific Shop page, ‘Events Menu’ when on any page generated by Modern Tribe’s The Events Calendar, ‘Blog Menu’ in all other views etc. Screenshots: Front page: Shop […]
How to implement rainyday.js in Genesis for raindrop animation
This is one of those tutorials whose end result might not be worth the effort but the effort is what it’s all about. What is rainyday.js? The idea behind rainyday.js is to create a JavaScript library that makes use of the HTML5 canvas to render an animation of raindrops falling on a glass surface. In […]
Page template for Featured images Grid using Genesis Custom Loop
In this tutorial I share a custom Page template for Genesis which when applied to a Page displays a 3-column grid of featured images of Portfolio custom post type with each thumbnail opening the full image in lightbox using Magnific Popup jQuery script. Clicking on any image displays the full image in a lightbox with […]
How to show full posts on the Posts page regardless of Genesis theme settings
In the comments section of my tutorial titled Show Full post followed by excerpts in Genesis, a user wrote: What if you want to show full posts on the homepage, but post excerpts on the archives? Adding the following in child theme’s functions.php displays full content for all the Posts on Posts page (homepage by […]
How to apply Full Width Content Layout to Search pages in Genesis
Unlike single Posts and static Pages it is not possible to set a layout to certain views like search results pages in Genesis via settings in the WP admin. We can use the genesis_pre_get_option_site_layout filter with __genesis_return_full_width_content for applying the full width content. Method 1 Add the following in child theme’s functions.php: To view the […]
Portfolio Grid in Dynamik with Title and Excerpt on Hover
This is a step-by-step tutorial detailing the implementation of my Portfolio in Genesis with Featured Images in a Grid revealing Title and Excerpt on Hover article in Dynamik. Step 1 Install and activate Portfolio Post Type plugin. Add Portfolio Items and attach Featured images. In the demo site I have used images that are 800 […]
Recent Comments