In the comments section of Using ACF Pro for multiple drag-n-drop Hero, Text-Image and Image-Text sections in Genesis tutorial, a user wrote: couldn;t get to work on digital pro, wasn’t full width and boxes didn’t appear side by side. This tutorial is a shorter and better implementation to set up a page template in Digital […]
Thin Font Awesome Close Icon
As of v4.7.0, FontAwesome does not have a thin close (x) icon. <i class="fa fa-times fa-2x" aria-hidden="true"></i> results in, for example, To display a thin icon instead, add this CSS: .fa-times-thin:before { content: ‘\00d7’; } and this sample HTML: <i class="fa fa-times-thin fa-2x" aria-hidden="true"></i> The result: Much better! Source: https://github.com/FortAwesome/Font-Awesome/issues/1540#issuecomment-68689950
How to make the latest post featured (large) in Genesis
To view the full content, please sign up for the membership. Already a member? Log in below or here.
jQuery Counter on scroll using WOW.js in Genesis
In my tutorial requests Trello board, a user asked I want to create a counter using jquery-counter – http://sophilabs.github.io/jquery-counter/ and put it in a footer widget. Can you create a tutorial to install and configure jquery-counter on a Genesis theme? This tutorial provides the steps to trigger jQuery.Counter when the section having the counters is […]
How to replace Front Page 1 background image in Infinity Pro with rotating images using Backstretch and Soliloquy
July 23, 2017: Here’s an easier method for doing the same by using Featured Galleries plugin instead of Soliloquy. In this tutorial, we shall replace the single background image for Front Page 1 section in Infinity Pro with a set of images uploaded to a Soliloquy slider (free or commercial) and displayed with a fading […]
Displaying CPT taxonomy terms in Genesis entry footer
In Genesis Slack chat, a user asked: I installed Portfolio Post Type plugin. I am unable to understand why the footer `entry-meta` does not show up? By default, linked taxonomy terms do not appear in the entry footer in Genesis for CPTs, both in single and archive views. We can use Filed Under: Free Content, […]
How to overlay titles over images in Genesis Featured Posts widget
When a Genesis – Featured Posts widget is set to display title and featured image (but not content) it may look something like this (screenshot from Lifestyle Pro): We can add CSS to overlay the entry titles centered on top of the featured images like this: Add the following in child theme’s style.css and customize […]
Adding support for Genesis Simple Sidebar Options to a custom Taxonomy term archive
Update on December 22, 2017: As of v2.1.0 the following is no longer needed as this functionality is included in the plugin. A user asked, Is there an easy way of getting #genesiswp simple sidebar to work with custom taxonomy? Doesn’t appear in archive settings by default.. 🙁 — ᴅᴀᴠɪᴅ 👨💻 (@wplit) October 31, 2016 […]
How to set up a simple FAQ section in WordPress using jQuery Collapse
In the past, I showed how jQuery Collapse can be used to display ACF Pro Repeater fields in the form of an open/close or expand/collapse section in Genesis here. This tutorial provides the steps for showing a FAQ section from static HTML content using jQuery Collapse. Screenshots: with all the panels closed: with a panel […]
Horizontal Opt-in Form in Genesis using eNews Extended plugin and Flexbox
This is a newer and updated version of the earlier tutorial on registering a custom widget area and displaying eNews Extended plugin’s widget in it below the site header. We shall use Flexbox to align the widget title and input fields horizontally. Screenshots: Desktop: Tablet: Mobile: Screencast: While the tutorial has been written for Genesis […]
Recent Comments