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; }… Continue Reading »
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… Continue Reading »
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’ =>… Continue Reading »
[Functionality Theme] Essence Pro Page Header in Genesis Sample
![[Functionality Theme] Essence Pro Page Header in Genesis Sample](https://i2.wp.com/sridharkatakam.com/wp-content/uploads/edd/2018/06/essence-pro-page-header.jpg?fit=300%2C215&ssl=1)
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… Continue Reading »
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… Continue Reading »
How to load WooCommerce CSS and JS only on shop-specific pages in WordPress
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.css woocommerce-smallscreen.css woocommerce.css twenty-seventeen.css add-to-cart.min.js jquery.blockUI.min.js js.cookie.min.js woocommerce.min.js cart-fragments.min.js If you do not have a “Add to Cart” feature in your nav or site-wide WooCommerce… Continue Reading »
[Functionality Theme] Filterable Portfolio in Genesis using Isotope
![[Functionality Theme] Filterable Portfolio in Genesis using Isotope](https://i1.wp.com/sridharkatakam.com/wp-content/uploads/edd/2018/06/filterable-portfolio-isotope-genesis-featured-image.jpg?fit=300%2C188&ssl=1)
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… Continue Reading »
How to show Tagline in the title area in Genesis
Looking to display the site description text below the site title in your Genesis site’s header? Chances are, it is present in the HTML markup but hidden via CSS. For example, in Genesis Sample 2.6.0 locate .site-description, .wp-custom-logo .site-title { border: 0; clip: rect(0, 0, 0, 0); height: 1px; overflow: hidden; position: absolute !important; width:… Continue Reading »
Recent Comments