In the members-only forum, a user asks: Full width banner image below menu bar I want to be able to have a full width banner image right below the header and menu bar. The image changes for each of the 12 neighborhood pages. Right now it’s at the top of the content area but need […]
How to show the text MENU next to hamburger icon in Showcase Pro
This tutorial provides the steps to display the text MENU to the right of hamburger menu icon in Showcase Pro 2.0.2 from 800px and below. https://sridharkatakam.com/wp-content/uploads/2018/06/ScreenRecording_06-19-2018-22-38-53.mp4 Here’s how: Edit style.css. In the 800px media query, change a) button.menu-toggle { display: block; float: right; background: none; padding:0; overflow: hidden; width: 50px; height: 50px; position: relative; } […]
WordPress page Builders
I have been testing a few popular and upcoming page builders this week and would like to share my thoughts on the same in this blog post. I have rebuilt Parallax Pro’s homepage using Elementor, Brizy and Oxygen as a learning exercise and to get familiar with how these page builders work. Here are the […]
How to insert a widget area after a specified paragraph in Genesis
This tutorial provides the steps to register a custom “Ad Content” widget area and insert the widget(s) placed in this widget area after a specified paragraph in the content on single posts in Genesis. Step 1 Add the following in child theme’s functions.php: // Registers `ad-content` widget area. genesis_register_widget_area( array( ‘id’ => ‘ad-content’, ‘name’ => […]
[Functionality Theme] Essence Pro Page Header in Genesis Sample
The latest addition to the functionality themes’ store is Genesis Sample 2.6.0 customized with page header code from the new Essence Pro. More Info
How to automatically add category slugs as classes for post-type nav menu items
This tutorial provides the code to automatically add space separated category slugs as classes to nav menu items that link to single posts in WordPress. Could be useful for styling the menu items based on categories when using a plugin like Category Posts in Custom Menu. Add the following in child theme’s functions.php: To view […]
Custom Post Type Archive with Custom Fields in Genesis
In the Genesis Facebook group a user asks: I am creating a custom archive page for a custom post type (called Faculty). I want to use Advanced Custom Fields to create fields on the post page for the client (a university department) to input Name, Courses Taught, Research, and email address. I want the client […]
How to load WooCommerce CSS and JS only on shop-specific pages in WordPress
Update on 7 Mar 2022: Follow this updated tutorial instead. — When you have a WooCommerce-powered shop in your WordPress site, assets like the following may be loading on all the pages of the site (depending on what plugins/services/theme are/is active): woocommerce-layout.csswoocommerce-smallscreen.csswoocommerce.csstwenty-seventeen.css add-to-cart.min.jsjquery.blockUI.min.jsjs.cookie.min.jswoocommerce.min.jscart-fragments.min.js If you do not have a “Add to Cart” feature in your […]
[Functionality Theme] Filterable Portfolio in Genesis using Isotope
Added a new functionality theme for those that do not want to implement the steps in the tutorial themselves or do not have membership in the site. Click on the screenshot below to see further details and a link to the live demo.
Filterable Portfolio in Genesis using Isotope
Theme version of this tutorial can be purchased from here. This tutorial provides the steps to set up a filterable portfolio in Genesis using Isotope. All the posts of the portfolio custom post type (CPT) will be set to appear on the CPT’s archive in a Masonry grid with a portfolio category filters row. Clicking […]
Recent Comments