In Genesis Slack a user wrote: Hi everyone, keep coming back to Genesis and am determined to get my head around it this time! Currently trying to work out how to create a template with full width backgrounds and wrapped content. I’d like to do this without a plugin. Can anyone point me in the […]
Featured
How to slant edges of elements in Genesis
For a while I had this article on viget.com saved in my pinboard. I tried the clip-path CSS code given in that article a few times and wasn’t sure what the values were representing or where they came from plus couldn’t get it working in Firefox. I finally took the time yesterday to research on […]
Visual Adjacent Entry Navigation in Genesis
In the members-only forum a user wrote: Customizing the next-previous area with featured image? Hi Sridhar, first time I´m trying this so if something is not done right then please let me know. I´m making a redesign of my site and on single posts I wanted to make a bit of change to the next […]
How to add featured images before entry on single Posts in Genesis
Updated on July 01, 2017 In Genesis Slack a user asked, Hello everyone, I’m working on a custom theme and I’d like to customize my featured image to look like this: https://preview.arraythemes.com/publisher/2015/05/20/heydays-branding/ We can register a custom image size for the featured images on single Posts and display the featured image (if present) using genesis_before_entry […]
Categories list, one latest post and the remaining in a grid on category archives in Genesis
In Twitter a user asked: @srikat trying to achieve an archive page that looks like this https://t.co/AhzgBLWhYF would really appreciate a tutorial :)— TechQuestCo (@TechQuestCo) August 16, 2016 In this tutorial we shall set up a template for category archives in Genesis which displays a horizontal list of top level categories with automatic highlighting of […]
How to display Posts in Recent, Popular and My Picks tabs in Genesis
In my Facebook group a user asked: just a tutorial idea. Would be great to achieve a post filter like the one used on this blog… http://witanddelight.com/ In this article we shall replace the default loop on a static homepage of a Genesis site with a custom one in which content is present in three […]
How to slide toggle Gravity Forms form by clicking a link/button in Primary Navigation in Genesis
In Genesis Lovers Skype group, a user wrote: @sridhar if you’re looking to create a tutorial, one on how to create this drop down form from the menu would be awesome. 🙂 http://blog.brennancorp.com/ In this article I share the steps for automatically adding a custom link in Primary Navigation which when clicked slide toggles a […]
Featured, Popular and Latest Posts tabs in Genesis using jQuery UI
In my Facebook group a user asked: Hi Sridhar! Do you have an idea how to accomplish something like the three featured images at the top of this site that have the tabs for featured, popular etc? http://www.gimmesomeoven.com/ Thanks! The referenced site uses Hello Ajax Tabs WordPress Widget plugin for displaying widgets in tabs. In […]
How to add an inline mobile responsive menu in Genesis Sample
Updated on May 23, 2017 In this article, I share the steps to remove header right widget area reposition the primary navigation menu from below the header to inside header so that the site title is at left and nav menu is on the right set the hamburger menu icon to appear inline floated to […]
Video hero section in Workstation Pro
In this article I share the steps for implementing code based on the one from Coverr website below the header in Workstation Pro for showing text overlayed on top of a looping video. Screenshot: Live Demo On handhelds the video’s poster image will appear in place of the video. Step 1 Create a directory named […]
Recent Comments