• 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

Custom Avatars In Any WordPress Theme

The unique code in this download folder enables you to change the user profile picture for their avatar if desired, otherwise, a Gravatar is

Author Box Custom Fields Divi Theme Twenty Twenty Theme

Custom Avatar In Genesis Author Box

The code in this download folder provides a unique way of changing the default Gravatar hosted avatar with a custom image added via the Edit

Author Box Custom Fields

Essence Pro Center Header Elements on Mobiles

Copy & paste this CSS to the end of your Essence Pro themes style.css file to center all header elements on smaller screens. Code not

Essence Pro Theme

How To Make a Divi Child Theme

You can download and install the zip file at the end of this post once you have installed the Divi parent theme. The download contains 2

Child Theme Divi Theme

Show Author Avatar On Custom Single Post Template In Divi

The code in this download folder displays the author avatar ( user profile picture ) perfectly inline with the post meta using CSS

Divi Theme

Custom Archive Page Template For Child Categories In Divi

The code in this download folder includes a template and custom functions to load the template on specific child category archives in

Divi Theme Taxonomy Terms

Code Star Rating In WordPress

The download folder in this tutorial contains code which enables you to add a star rating system to your WordPress theme without the need to

Custom Fields Twenty Twenty Theme

Dynamic Rating System With Stars & Bar Graph

This WordPress code enables you to add your own hand coded star rating system to your child theme without relying on any plugins. The

Custom Fields

Scroll Indicator JS For WP Themes

Adds a scroll indicator at the bottom of your fixed header in Genesis and other WordPress themes. Only displays on desktops. Includes the

jQuery Scroll Twenty Twenty Theme

Style Each Post With A Different Background Color

This code adds a color picker to the Edit Post screen enabling you to set the background color for each post ( Not the front page archive

Custom Fields Meta Box

Inline Style Nav Menu Items For Each Category Using walker_nav_menu_start_el

The code in this download folder adds a color picker to your Edit Category Pages which you can set to style each category nav menu item a

Custom Fields Meta Box Nav Menu Taxonomy Terms

Color Picker To Style Post Meta

The code in this download folder produces exactly the same result as this tutorial without the need to use a plugin like ACF or add

Custom Fields Entry Meta Meta Box Taxonomy Terms

Inline Style Post Category Links Differently Using Color Picker

The code in this download folder enables you use the color picker on the Edit Category page to style your post category links different

Custom Fields Entry Meta Meta Box Taxonomy Terms

Vertical Align Title Area & Menu On Desktops & Mobiles

The solution in this download folder enables you to add a logo of any size and vertically align it with your nav menu like this : This

CSS Grid Columns Custom Logo Nav Menu

Different Video For Desktop & Mobile

The code in this download folder enables you to change the front page 1 background video on mobile screens. It also includes code to add 2

Customizer Infinity Pro Theme Video

Center Site Header Elements On The Same Line

The code in this download folder perfectly centre's your site title or logo next to your nav menu as well as vertically aligned on desktops

CSS Grid Columns Custom Logo Nav Menu

Open Specific Button Links In a New Window Or Same Window

The PHP code in this download folder enables you to add one or 2 buttons on all single posts & pages without modifying the HTML for each

Custom Fields Essence Pro Theme

Load CSS 2 Google Fonts In Genesis Child Themes

Google Fonts now fully supports variable fonts in the CSS v2 API update. Let's look at how to modify the PHP code in your Genesis child

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

  • « Go to Previous Page
  • Go to page 1
  • Interim pages omitted …
  • Go to page 5
  • Go to page 6
  • Go to page 7
  • Go to page 8
  • Go to page 9
  • Interim pages omitted …
  • Go to page 143
  • 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.