In my tutorial requests Trello board, a user asked: I would love a tutorial on how to use cpt and maybe the accordian show/hide to get a result similar to this Team/Staff page: http://www.unified.com/team/ I think this could be used for portfolio pages also. Thank you so much! I think this could be used for […]
Search Results for: genesis
How to link Post Titles with custom URLs on single Posts in Genesis
In Genesis Facebook group a user asked, I am really not a coder and need some help resolving an issue. I am not even certain I am framing my question properly, but here goes. I am in the process of redesigning and converting a site utilizing a non-Genesis custom child theme to a Genesis child […]
Bottom Slide-in section in Genesis with js-cookie
This tutorial covers the steps for setting up a custom widget area that slides into view from the bottom of the browser window on page load and remains in view until the user closes it similar to that on Copyblogger.com. We shall use js-cookie to create a cookie in the user’s browser once the close […]
How to set up fadeUp effect from Digital Pro in any Genesis child theme
Digital Pro has two fadein animations: On page load As widget areas are scrolled to If you are looking to implement the same in other Genesis child themes, follow these steps: Step 1 Create a file named fadeup.js in your child theme’s js directory having the following code: To view the full content, please sign […]
Simplifying the code for displaying multiple widget areas in Genesis
Updated on April 26, 2017 Let’s say you want to display 5 widget areas for the front page. The code for this is something like genesis_widget_area( ‘front-page-1’, array( ‘before’ => ‘<div class=”front-page-1 widget-area”><div class=”wrap”>’, ‘after’ => ‘</div></div>’, ) ); genesis_widget_area( ‘front-page-2’, array( ‘before’ => ‘<div class=”front-page-2 widget-area”><div class=”wrap”>’, ‘after’ => ‘</div></div>’, ) ); genesis_widget_area( ‘front-page-3’, […]
How to apply full content layout to WooCommerce pages in Genesis
Looking to force full content layout to all WooCommerce product category archives, WooCommerce product tag archives and single product pages in your Genesis site? Just add the following code in your child theme’s functions.php: // Force full content layout on product category, product tag archives and all single products add_action( ‘get_header’, ‘sk_force_layout’ ); function sk_force_layout() […]
YouTube Videos Grid in Genesis using ACF Pro’s Repeater, Infinite Scroll and Featherlight
Updated on April 10, 2018 This tutorial covers the details of setting up a repeater type custom field for YouTube video URLs and displaying these on the front end in a grid of thumbnails, which when clicked plays the corresponding videos in a lightbox. We shall add a custom pagination (hidden) which is needed for […]
Split Navigation with menu items on logo’s left and right in Genesis
April 24, 2018: The tutorial on this page is for an older version of Genesis Sample. For v2.6.0 and above, follow this instead. The theme version is yet to be updated. Updated on July 03, 2017 If you’d like to purchase a theme version of this tutorial, get it here. In the past, I wrote […]
Portfolio Archive CPT Masonry with Title and Excerpt on Hover in Genesis
In my tutorial requests Trello board a user requested for a tutorial on displaying Portfolio Custom Post Type entries in Masonry style. In this article we shall use Portfolio Post Type plugin for setting up portfolio in Genesis create a custom template for the portfolio CPT archive page add the necessary CSS to display the […]
How to relocate titles in Genesis Featured Posts widgets’ output
In the posts output by Genesis Featured Posts widget, titles appear below the featured images by default. Want to move the titles above the images like this? Before: After: Step 1 Follow https://sridharkatakam.com/custom-featured-post-widget-plugin/ Step 2 Replace the entire code in class-custom-featured-post.php with the following: <?php /** * Plugin Name * * @package Custom_Featured_Post_Widget * @author […]
Recent Comments