Genesis Tutorials

The tutorials in this archive are primarily focused on but not limited to modification and customization of Genesis child themes. Most of these tutorials relate to web design changes, additions and removal of default functionality and features included in StudioPress HTML 5 child themes. Some tutorials also focus on but not limited to 3rd party genesis child themes like Foodie Pro. You'll also find several dozen tutorials for WordPress default themes from 2010 thru to 2016. Tutorials include PHP code that works with Genesis, WordPress as well as CSS, jQuery and HTML. All code is tested and supported for members.

Add Pagination to AgentPress Pro Listings Archive Page

This PHP code enables you to paginate a CPT archive page using pre_get_posts with posts_per_page. This code overrides your WordPress

Genesis One Page Block Theme

This child theme for Genesis extends the Genesis Sample theme as a 1 page theme using Gutenberg blocks. The one page includes 3 sections

Reposition Image Before Title When Mobile Responsive

This coded solution for the Authority Pro child theme by StudioPress, enables you to move the home page image before the title and text on

Post Tags By Current Category

This code enables you to display post tags by the current category when viewed on each category archive page. It displays a tag cloud of

Image Vertically Centred Inline With Text

This code enables you to display a text title on the left and a image on the right which is vertically aligned center with your text. On

Open WooCommerce View Cart Button Link In New Window

The code in this download folder, when clicked, opens the "View Cart" link on the WooCommerce single product page, in a new tab. Demo

Add Hero Image To Breakthrough Pro Child Theme by StudioPress

This code adds a hero image and overlaying text to the Breakthrough Pro child theme for Genesis. The code enables you to add a hero image

Image Behind Header In Breakthrough Pro

The code in this download folder adds a hero image behind all site header elements in the Breakthrough Pro for Genesis. The image can be

Genesis remove post date (entry-time) sitewide and (comments-link) on homepage

Using a code editor, copy & paste this PHP code to the end of your Genesis child themes functions.php file. The code removes the

Remove Add To Cart Button By Product Category – WooCommerce

This code enables you to remove the add to cart button from products on specific product category archive pages. You can do this using

Remove Coupon From Cart Page – WooCommerce

There's 2 ways to remove the coupon form from your WooCommerce cart page. 1. You can copy over the cart.php to your WooCommerce folder in

Set Logo Size In Essence Pro Theme

In your Essence Pro child theme folder, go to config > theme-supports.php and set your logo width and height. In this example, 100px X 100px

Different Header Image On Blog Page & Home Page – Essence Pro

Did someone say "Every page and blog post can have a unique header image". Perfect! When it comes to the Essence Pro child theme by

Add Dark Overlay To Slider Images

This tutorial includes a solution which enables you to add a darkened overlay to your slider images. In this case, we use the Soliloquy Lite

Image Behind Header In Twenty Twenty One Theme

This code adds your background image behind the site header in Twenty Twenty Two like this : Your background image will always cover the

Add Brand Custom Taxonomy To WooCommerce Products Shortcode

The code in this download folder enables you to create a custom taxonomy named Brand which is added to the default WooCommerce Products

3 Ways To Exclude Products From WooCommerce Related Products

This download folder contains 3 code snippets which enable you to exclude or remove WooCommerce products from your Related Products list.