This tutorial provides the code to display Name, Email and Website inputs in a left column and Comment textarea and Submit button in a right column using CSS Grid in Genesis. The fields will be set to appear one below the other 600px and below. and when the name, email and website checkbox does not… Continue Reading »
How to add additional Front page widget areas in Altitude Pro
A user today contacted me asking for help on how to add Front Page 7, 8 and 9 widget areas in Altitude Pro. This tutorial provides the steps to register three additional widget areas, add Front Page 9 to the Customizer so its background can be changed and display the new widget areas on the… Continue Reading »
Featured image page header in eleven40 Pro
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… Continue Reading »
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; }… 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 »
Recent Comments