• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

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

AgentPress Pro Theme

Style First Nav Menu Item Using CSS

You can use CSS to style the 1st nav menu item in any theme using : first-child nth-child(1) first-of-type All 3 CSS rules

Nav Menu

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

Gutenberg

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

Authority Pro Theme CSS Grid Columns

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

Taxonomy Terms

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

Breakthrough Pro Theme CSS Grid Columns

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

WooCommerce

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

After Header Image Breakthrough Pro Theme Custom Fields

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

After Header Image Breakthrough Pro Theme Header Image

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

Entry Meta

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

Custom Fields WooCommerce

Show Genesis Responsive Menu At Different Width In Altitude Pro

This code changes the width at which the Genesis responsive menu is displayed. By default, the responsive menu icon is shown when the screen

Altitude Pro Nav Menu

Different Menu On WooCommerce Pages

This code works in any child theme function file and enables you to use a different menu when WooCommerce pages are loaded. In this case we

Nav Menu WooCommerce

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

WooCommerce

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

Custom Logo Essence Pro Theme

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

Essence Pro Theme

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

Essence Pro Theme Slider

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

Background Image Twenty Twenty One

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

WooCommerce

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.

WooCommerce

  • Go to page 1
  • Go to page 2
  • Go to page 3
  • Interim pages omitted …
  • Go to page 85
  • Go to Next Page »

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.