• Skip to primary navigation
  • Skip to content
  • Skip to user navigation

PopWP

WordPress and Genesis Tutorials

  • Get Started
  • About
  • Archive
  • Services
  • Membership
  • My Account

Genesis Framework Tutorials

Free Contents

  • Reposition Genesis Archive Pagination
  • Download FREE Genesis Guide for Absolute Beginners
  • Installing Genesis Framework and Genesis Sample Child Theme
  • How to Setup Genesis Framework and Child Theme
  • Show description in Genesis Sample Child theme
  • SVG Logo in Genesis sample theme
  • Show logo before Site Title in Genesis Sample
  • Show logo after Site Title in Genesis Sample
  • Background in site title area in Genesis Sample
  • Background Image in site title area in Genesis Sample
  • Background Image in site header in Genesis Sample
  • How to add Additional stylesheet in Genesis child theme
  • How to add a custom.css stylesheet in Genesis
  • How to add custom.js script to in Genesis
  • Register a Widget area and display it in Genesis
  • How To register & enqueue Stylesheets and Scripts
  • How To Deregister & Dequeue Stylesheets and Scripts
  • Actions and Filters hooks in WordPress
  • Genesis Hooks Reference: A Complete List of Available Hooks & Filters
  • Genesis Hooks — Visual Hook Guide with Examples!
  • Conditional Tags in WordPress for Genesis Framework
  • Change Genesis Child Theme StyleSheet Loading Priority
  • Conditional Tags to Load custom.css stylesheet
  • Conditional Tags to Load custom.js script
  • Conditional CSS in WordPress and Genesis
  • Register a Widget area for Front page or Home in Genesis
  • Conditional Tags to Register and Display Widgets in Genesis
  • How to Register and Display Custom Sidebar in Genesis
  • Arrange Comment form fields in columns using CSS Grid in Genesis
  • How to Create Custom Sidebar for Custom Post Type in Genesis
  • Register Multiple Widgets area in Genesis
  • Display Multiple Widgets area in Genesis
  • Full Width Widgetized Front Page in Genesis
  • Register and Display Flexible Widgets in Genesis
  • Genesis Shortcodes
  • How to Create a Custom Page Template in Genesis
  • Full Width Page Template in Genesis for Beaver Builder and Elementor
  • Utility Bar in Genesis Framework
  • Archive page Sitemap in Genesis
  • Footer Widgets in Genesis
  • Genesis Columns Advanced
  • Equal Heights Columns in Genesis
  • Flexible Footer Widgets in Genesis Framework
  • How to set up Flexible Widgets in any Genesis child theme
  • Custom Navigation Menu Location in Genesis Sample
  • Customize site footer in Genesis
  • Split footer in Genesis
  • Related Posts in Genesis
  • Split the Genesis footer Credits in two or more widget-areas
  • Remove simple social icons plugin css
  • Posts Grid in Genesis using CSS Grid
  • How to display Featured Image on Single Post or Page in Genesis
  • Conditional Tags and Return Early in Genesis
  • Jetpack-like Related Posts without Jetpack in Genesis
  • CSS Flexbox in Genesis
  • CSS Grid in Genesis
  • Working with WordPress Customizer for Genesis
  • Reposition the Hero Section and Post title on Single Posts in Corporate Pro
  • Reposition elements and Add Widget area on Single Posts in Corporate Pro
  • Customize Simple Social Icons
  • Show Logo Before Site Title in Genesis
  • CSS Vendor Prefixes
  • Add Custom Class to the Site Title in Genesis
  • Remove Essense Pro Header hero
  • Adds an Additional JS control to the WordPress Customizer
  • WordPress, Genesis and Custom Post Types
  • Overhangs the Site Header in Genesis Sample
  • Overhangs the Site Header in Infinity Pro
  • How to create multi layout columns in Genesis
  • Content Limit in a specific category archive in Genesis
  • Excerpt Limit in a specific category archive in Genesis
  • Reposition Entry Title on custom post types in Business Pro
  • Getting Started with Pods framework in Genesis WordPress
  • Overlay entry title on featured image in single posts
  • Display Featured Image and Overlay Entry Title with Excerpts on Blog Archive
  • Rename or Rewrite A Custom Post Type
  • Create and Customize a custom post type in Genesis
  • Display Custom field Content on Singular Posts in Genesis
  • Image Animation in front page widget section in Genesis
  • How to Customize the Genesis Breadcrumbs
  • Display Search form Widget on Custom Page
  • Reposition Primary Navigation conditionally in Genesis
  • Add Login/Logout menu items conditionally to Primary nav menu
  • Change Posts Per Page for Posts page and archives
  • Shortcode For Breadcrumbs
  • Customize Genesis Portfolio Pro Plugin
  • Search form to the site header in Genesis
  • Add a Read More button below content/excerpts in Genesis
  • Open link in new tab using jquery
  • Replace Header Right widget area conditionally in Genesis
  • Remove Sitemap from Error 404 page in Genesis
  • Entry Meta on single Posts in Essence Pro
  • Add author Gravatar before post meta
  • Reposition Post Page heading in Genesis
  • Add Custom Body Class in WordPress
  • Smooth Scrolling in WordPress
  • Smooth scrolling for hash links in Genesis
  • Reposition Post Meta below Post Title in Genesis
  • Reposition Post Info above Post Title in Genesis
  • Display featured image on Post Page Archive
  • Responsive menu forever in Genesis Sample
  • Conditional site footer in Genesis
  • Add Portfolio Title and Content on Portfolio Page in Pretty Creative Pro
  • Background image in site header and front page section in maker pro
  • Customize entry header entry meta (Post Info) in Genesis
  • Customize entry Footer Entry Meta (Post Meta) in Genesis
  • Customize and edit site footer Credit Text and URL in Genesis
  • Conditionally change post info on Custom Post Types
  • Enable Header Right Widget in Genesis
  • Show total number of comments in Post Comment heading in Genesis
  • Display Number of Comments in Comment Header Text in Genesis
  • Remove the Website Field from Genesis Comments Form
  • Customize Entry Content in Genesis
  • Customize Author Box in Genesis
  • Customize Entry Comments in Genesis
  • Customize Search Form in Genesis
  • Customize Breadcrumbs in Genesis
  • Customize Entry Navigation in Genesis
  • Customize Sidebars in Genesis
  • Customize Site Header in Genesis
  • Customize Site Layouts in Genesis
  • Customize Navigation Menus in Genesis
  • Structural Wraps in Genesis
  • Enable Disable Superfish Script in Genesis
  • Customize Post Excerpts Content limit in Genesis
  • Customize Read More button below content/excerpts in Genesis
  • Simple Way to add different layout for singular Post and Page in Genesis
  • Fix tablepress table column and make table responsive in Genesis
  • Remove footer widgets area in Genesis
  • Deal custom post type design in Genesis
  • Add Navigation Extras in Genesis
  • Add Custom Body Class in Genesis
  • Remove Archive Title & Description from Blog Page in Genesis
  • Logo using CSS only in Genesis
  • Related custom post type listing on CPT singular Post with custom fields using Pods
  • Insert a Widget Area in Between Blog Posts in Genesis
  • Parallax Effect in Genesis
  • Conditional Tag is_front_page() v/s is_home(). What to use?
  • Post page blog layout in Genesis
  • Add Simple Colored Content Boxes in your site
  • Pace Loader js in Genesis
  • Integrate Mailerlite with the Genesis Enews Extended plugin
  • Filterable Portfolio in Genesis
  • Animated Hamburger Menu Icon in Genesis
  • Integrate MailChimp with the Genesis Enews Extended plugin
  • Sub-container div class under site-container in Genesis
  • Add Header Left Widget In Genesis
  • Replace Dashicons with IonIcons in Genesis Sample
  • How to Add a new website in Google Analytics
  • Fix font size styling issue in Genesis Sample
  • Add js and no-js class to body in Genesis
  • Add Google Tag Manager code in Genesis
  • Customize Genesis Next & Previous Page Link Text
  • How to limit the site header to content width in Genesis Sample
  • Cookie Consent bar in Genesis
  • Improve Genesis Sample with features and Bug fixes
  • Image Background in Genesis
  • Video Background in Genesis
  • Remove text “Menu” from responsive Menu in Genesis
  • Add extra class to HTML elements in Genesis
  • Sub Menu Not output In Genesis
  • Genesis Loop Actions
  • Order Posts by $query in WordPress
  • Remove Site Header Right Widget in Genesis
  • Remove ‘Menu’ text from Genesis Sample
  • Move menu toggle in left and Title Area Logo in center in Genesis Sample
  • Reposition Secondary menu below Primary Menu in Genesis Sample
  • Remove entry content on blog and archive pages in Genesis
  • Change 3 columns footer widgets in 4 columns widgets in Genesis
  • Widget section in site header in Genesis
  • Enable Breadcrumbs on Portfolio Archives and Single pages
  • Allow Shortcodes Into Text Widgets and Excerpts
  • Genesis Attributes
  • Change Genesis Portfolio Pro Custom Post types Labels
  • is_front_page() v/s is_home()
  • Reposition Hero Section Post title on Single Posts in Corporate Pro
  • Install HubSpot on WordPress site
  • Install Drift on WordPress site
  • SVG Support in WordPress
  • Shortcode for Post Title in Genesis and WordPress
  • Modify the Site Header URL in Genesis
  • Conditional tag for subpages of a Page in WordPress for Genesis
  • Show WP-PostRatings Plugin Ratings in Genesis
  • Remove the default loop in Genesis
  • Current menu item in screen reader in WordPress
  • Off Canvas side slide in-out responsive menu in Genesis
  • Remove Responsive Menus in Genesis Sample 3.0.0+
  • Enqueue fonticons in Genesis
  • Adobe Typekit Fonts in Genesis
  • Output Custom Field Value in WordPress
  • Exclude Latest Post from the WordPress Loop in Genesis
  • How to Reposition Archive Title in Genesis
  • Site Inner with container background in Genesis Sample
  • Add Login/Logout menu items conditionally in Genesis
  • Shape Dividers in Genesis
  • typed.js in Genesis
  • particles.js in Genesis
  • Customize Post Comment Markup in Genesis
  • Change default excerpt to custom post field
  • Custom Genesis Featured Posts Widget in Genesis Sample
  • Designody future and updates.

Premium Contents

  • Utility Bar in Genesis Sample
  • Custom Archive Page Template in Genesis
  • Header Search in Genesis
  • Flexible Widgetized Front page in Genesis Sample
  • Split Navigation in Genesis Sample
  • Shrinking Fixed Header in Genesis
  • Custom widget areas in site header and Navigation Bar in Genesis
  • Simple Social Icons to site header after Navigation bar in Genesis
  • Dropdown Category selection without Page refresh using FacetWP in Genesis
  • Customize Search Form Widget in Genesis
  • Search Widget Area to site header after Navigation bar in Genesis
  • Welcome Section Widget Area in Genesis
  • Custom Image Background Section in Genesis
  • Split Navigation in Genesis
  • Custom Video Background Section in Genesis
  • Custom Particles Background Section in Genesis
  • Transparent site header and fixed header on scroll in Genesis
  • Horizontal Opt-in Form in Genesis using eNews Extended plugin
  • Transparent Header and Image Background Section in Genesis
  • Transparent Header and Video Background Section in Genesis
  • Advanced Related Posts in Genesis
  • Default Related Posts in Genesis
  • Move Footer Menu to the Left in Genesis Sample like Authority Pro
  • Image Background Section Widget Area Using Customizer in Genesis
  • Video Background Section using Customizer in Genesis
  • Add WooCommerce Cart to Navigation Menu in Genesis
  • Add Easy Digital Downloads Cart to Navigation Menu in Genesis
  • Expanding Search Box in Genesis
  • Add Logo Between Site Title Area in Genesis
  • Expandable Search Icon to the Navigation Menu in Genesis
  • Transparent Header and Image Background Section using Customizer in Genesis
  • Transparent Header and Video Background Section using Customizer in Genesis
  • Simple Related Posts in Genesis
  • Particles.js Background Section using Customizer in Genesis
  • Authority Pro Hero Section in Genesis
  • Masonry in Genesis
  • Academy Pro Hero Section in Genesis
  • Display Featured Image and Overlay Entry Title with Excerpts on Blog Archive
  • Infinite Scroll in Genesis
  • Overlay Entry Title and Excerpts on Featured Image in Genesis
  • Sixteen Nine Type site header layout in Genesis Sample
  • Design Custom Post Type Archive in Genesis
  • Image Animation in front page widget section in Genesis
  • Display Custom Post type listing on front page in Genesis
  • Showcase Pro Site Header and page header in Genesis
  • Infinity Pro’s Offscreen widget area in Genesis
  • Filterable Portfolio using Isotope js in Genesis
  • Shrinking Logo on Scroll in Genesis Sample
  • Using FontAwesome in Genesis
  • Ionicons in Genesis
  • How to Add a Page Loading Screen in Genesis
  • Filterable Portfolio on front page in Genesis
  • Hosting Fonts Locally in WordPress for Genesis
  • Hosting Font Icons Locally in WordPress for Genesis
  • Display custom menu with menu descriptions and icons in a Widget
  • Search form to the site header in Genesis
  • Custom Portfolio Archive in Genesis
  • Custom Header Right Widget Area in Genesis
  • Paradeiser Navigation Menu Bar in Genesis
  • Display Advanced Custom Post Types Entries on a Custom Page in Genesis
  • Display Custom Fields on Singular Post Page in Genesis
  • Conditional site header logo in Genesis
  • Conditional Navigation Menu in Genesis
  • Customize Post info conditionally in Genesis
  • Customize Post Meta conditionally in Genesis
  • Replace site footer widget area conditionally in Genesis
  • Add Single Post Navigation In Genesis
  • Add Video in entry content using custom fields on singular post
  • Logo Primary menu and Header Right widget section in Genesis Sample
  • Custom Post Meta Taxonomies and Categories on Custom Post Types in Genesis
  • Image widget as Background Image widget section in Genesis
  • Shrinking header with hanging logo in Genesis Sample
  • Shrinking header with hanging logo having top navigation in Genesis Sample
  • Left and Right widget section having title area in center to the site header in Genesis Sample
  • Primary Menu in Left, Logo in Center and Secondary Menu in the right to the site header in Genesis Sample
  • Left and Right Navigation Menu having title area in center to the site header in Genesis Sample
  • Custom Left and Right Navigation Menus to the site header in Genesis Sample
  • Sticky shrinking site header logo having Utility Bar in Genesis
  • Customize Deal custom post types Archive Page in Genesis
  • Custom Newsletter section design in Genesis
  • Customize Deal custom post types Singular Post in Genesis
  • Video widget as Background Video widget section in Genesis
  • Video custom post type archive design in Genesis
  • Single Post design having background image, title and other meta info in Genesis Sample
  • Replicate widgetized front page design for other Page in Genesis
  • Parallax effect having front-page-2 float over front-page-1 when scrolled in Genesis
  • Advanced Post Page Blog layout in Grid using CSS Grid in Genesis
  • Newsletter section design having Image and Text widget
  • Blog Archive Posts layout in 3 columns in Genesis
  • Reposition Primary navigation to left, secondary to right and logo in center in Genesis Sample
  • Widgetized Front page having Parallax Effect section float over and fadeUp when scrolled in Genesis
  • Add Beautiful Notification Boxes with Icons in your site
  • Top Notification Bar with close button in Genesis
  • Simple and Creative Circular Color Categories Genesis
  • Typing effect using Typed.js in Genesis
  • Add Scroll Back To Top In Genesis
  • Slide in-out Responsive Menu in Genesis Sample
  • Secondary Sidebar with layout sidebar-content-sidebar in Genesis Sample
  • Sticky site header and Notification bar in Genesis
  • Add WooCommerce Add to Cart Button to Menu with Offscreen content like Outfitter Pro
  • Heading tags for Entry Titles in Genesis
  • Full Width Widgetized Front Page in Genesis Sample
  • Display Featured Posts on front-page widget in two columns in Genesis Sample
  • Primary menu in left, Logo in Center and Search widget in right in Genesis Sample
  • Hero Section in Genesis
  • Transparent Header and Particles.js Background Section in Genesis
  • Fixed Utility bar Site header and hide the Utility bar while scrolling in Genesis Sample
  • Sticky site header having before site header widget section in Genesis
  • Landing Page template in Genesis
  • Advanced Full width Widgetized Home page in Genesis Sample
  • One Page Scroll sections using fullpage.js in Genesis
  • Sticky site header having before site header widget section in Monochrome Pro
  • Slide in-out Responsive Menu forever in Genesis Sample
  • Video Background Section in Monochrome Pro
  • Featured Post design having 3 articles in 2 columns in Genesis
  • SVG Shape dividers in Genesis
  • Header Search in Revolution Pro
  • Featured Post design having 5 articles in 2 columns in Genesis
  • Widgetized Landing Page in Genesis
  • Nav Primary in left, Title area logo in Center and Nav Secondary in right in Genesis Sample
  • Landing Page Design Template with Background Image in Genesis
  • Simple Social Icons and Search widget after primary Navigation in Genesis Sample
  • Header Search in Genesis Sample
  • Hide and show title area or logo on hover in Genesis Sample
  • Stretchy Navigation in Genesis
  • Replicate Single Post Design of Monochrome Pro in Genesis Sample
  • Slide in-out Menu in left, Title Area Logo in center and header widget in Right forever in Genesis Sample
  • Sticky site header when scroll up in Genesis
  • Custom page template design for header, menu with description and footer in Genesis
  • Slide in-Out responsive Menu in Genesis Sample 2.3.0
  • Slide in-out canvas menu in Genesis Sample
  • Slide in-out Menu in left, Title Area Logo in center and header widget in Right in Genesis Sample
  • Custom hero title on Search results Page in Genesis
  • Custom Page Template having hero title and subtitle in Genesis
  • Table of contents using Tocbot in Genesis
  • Install Drift on WordPress site
  • Sub menu indicators in Genesis
  • Fixed side menu navigation in WordPress for Genesis
  • Checklist box with Icon in WordPress
  • Numberlist box with style in WordPress
  • Remove default Responsive Menus and add custom menu in Genesis Sample 3.0.0+
  • Slide in-out Responsive Menu in Genesis Sample 3.0.0
  • Slide in-out Responsive Menu forever in Genesis Sample 3.0.0
  • Create Customer Account Page for Easy Digital Downloads in Genesis
  • Responsive Menu in left, Logo in center and Offscreen Widget in Right in Genesis Sample
  • Off-Canvas side slide in-out responsive menu in Genesis Sample
  • Reposition Post info, Post title and Post meta in Startup Pro
  • Blog Post Page Design having first post with a different layout in Infinity Pro
  • SVG shape dividers in Startup Pro
  • Single Post Design having social Profiles for Author and Related Posts in Infinity Pro
  • User Account and Cart with Item details in Header Right in Genesis
  • Filterable Portfolio in Startup Pro
  • Callout Box design in WordPress
  • My Account Login Icon in site header in Outfitter Pro
  • Custom Widget area having Categories and search on Post Page in Genesis
  • Custom Widget area having Categories and search on Post Page in Startup Pro
  • Load more posts button on blog post using Infinite Scroll in Genesis
  • Video Background in front page section in Altitude Pro
  • Slide in-out Responsive Menu with Overlay in Genesis Sample
  • Popup lightbox using VenoBox in Genesis
  • Custom Loop for Post Content in Genesis
  • fullpage.js template in Genesis
  • Hero Section with Full Width Titles in Genesis
  • Deal custom post type container with custom fields in WordPress
  • Isotope Masonry Gallery in Genesis
  • Responsive Menu in left, Logo in center and Offscreen Widget in Right in Magazine Pro
  • Post Page Blog Archive Template with Layouts in Genesis
  • Magazine style featured posts design in Genesis Sample
  • Isotope Masonry Blog Archive in Genesis
  • Magazine style Singular Post Design in Genesis Sample
  • Copyblogger style Post Grid Layout in Genesis
  • Search Form in primary menu in Genesis
  • Pop Up Search to the right Site Header in Genesis
  • Customize Post Comment Markup in Genesis
  • Gutenberg Page Template for Genesis
  • Custom Post List with custom field in Genesis
  • Expanding Search box in menu-item list in Genesis
  • HTML Form in two columns in WordPress
  • Change Logo On Scroll in Genesis Sample
  • Post list design showing featured image when hovered in Genesis
  • Featured Post Widgets in Columns
  • Easy Digital Downloads Cart in Site Header Navigation in Genesis
  • Convert Search form into the widget area in Essence Pro theme
  • Post Grid design having the custom field in WordPress
  • Horizontal Newsletter widget design in Genesis
  • Widget showing latest Post from Current Category Archive in Genesis
  • Off-Canvas slide in-out responsive menu in Genesis
  • Responsive Hamburger Menu design in Genesis

Built with Genesis Framework + WordPress by Aryan Raj

  • Contact
  • FAQ
  • Disclaimer
  • Privacy Policy
  • Copyright Policy
  • Terms of Service