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

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • 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.

Replace The Image With Video In Monochrome Pro

This solution enables you to add a responsive video with cover text which overlays the video on all screen sizes. In this case, we replace

Genesis Blocks Gutenberg Monochrome Pro Video

Add Image To Nav Menu Using Customizer

The code in this download folder enables you to add an image via your customizer to your nav menu. In this case, the primary menu however

Customizer Nav Menu

How To Replace Front Page 1 Image With a Video in The Atmosphere Pro Theme

The code in this download folder replaces the front page 1 background image with a self hosted MP4 video, if added, via the

Atmosphere Pro Theme Customizer Video

Add No Follow To External Links Dynamically

This code will add the rel="nofollow" attribute to all external links. It checks all a href links within the content area in single posts

Change Post & Page Grid Class in Genesis Blocks

By default, Genesis Blocks wraps the featured image ( as seen in the following images ) in the gb-block-post-grid-image class when using the

Genesis Blocks Genesis Markup Gutenberg

Modify HTML Tags In Genesis Blocks

This code enables you to change the HTML tags ( opening & closing ) in the Genesis accordion block or any other Genesis or WordPress

Accordion & Toggle Genesis Blocks Genesis Markup Gutenberg

Custom Block To Select Individual Entries Unique On Each Single Post

The code in this download folder adds a custom block which enables you to select individual entries from posts, pages & custom post

CSS Grid Columns Custom Fields Genesis Blocks Gutenberg

Show Related Posts by Primary Category Only

This tutorial includes the code which enables you to display related posts in the same category when that category is set as your primary

Taxonomy Terms

Select Individual Featured Posts In Genesis

This code enables you to choose individual posts from a drop down menu on any Edit Post screen for display in any Genesis hook

CSS Grid Columns Custom Fields

Genesis Custom Block for Related Posts

The block files in this download folder enable you to create a custom block for related posts using WP_Query in Genesis child themes. You

CSS Grid Columns Genesis Blocks Gutenberg

How To Change Default Genesis Responsive Menu Icons

This solution enables you to remove the default dashicons used to open & close the mobile menu and replace them with symbols, text or

Nav Menu

How to Remove Header Background Image for Essence Pro

This download Folder contains the code which enables you to remove the Essence Pro themes header hero image on any single post, page or

Custom Fields Essence Pro Theme Meta Box

How To Add A Genesis Meta Box For Custom URLS

This download folder contains code which adds a text field on your single post/page/cpt edit screen for internal or external

Custom Fields Meta Box

How To Add Related Posts Between Paragraph Content

This code enables you to pull related posts from your database and display them in a grid within the content of your post or page using a

CSS Grid Columns Featured Image

How To Add Your Site Title In Your Nav Menu

This code enables you to add your site title within your nav menu like this : In this screenshot, the site title displays within the

Custom Logo Nav Menu

How To Stop Your Archive Title & Description Displaying Within Your CSS Grid Columns

When using CSS grid to display entries ( posts ) in columns, you might find your H1 Archive title & description are also displayed in

CSS Grid Columns Taxonomy Terms

Add Buttons With Custom Text & URLs After Essence Pro Entry Header On Single Pages

This code enables you to add 1 or 2 buttons after the entry title on any single page using different text & button links for each

Custom Fields Essence Pro Theme

Change Custom Header Image On Mobiles In Gallery Pro

The solution in this download folder enables you to display a custom header image on smaller screens. As seen in the demo video, your

Custom Logo Gallery Pro Theme Header Image

Templates To Add Unique Hero Image After Header With Overlaying Content In Parallax Pro

The templates in this download folder add a unique hero image after the header on single posts and pages. The title-overlay.php

After Header Image Custom Fields Customizer Parallax Pro Theme

Infinity Pro Front Page 1 Autoplay Video Loop Background

This tutorial extends this older tutorial which enables you to add a MP4 video, via the Customize > Front Page Video setting and display it

Customizer Infinity Pro Theme Video

  • « Go to Previous Page
  • Go to page 1
  • Go to page 2
  • Go to page 3
  • Go to page 4
  • Go to page 5
  • 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.