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

PopWP

WordPress and Genesis Tutorials

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

Sitemap

2022

November

  • 30Designody Future – Membership closed

2022

April

  • 25Responsive Hamburger Menu design in Genesis

2022

January

  • 07Designody future and updates.

2021

February

  • 25Off-Canvas slide in-out responsive menu in Genesis
  • 12Widget showing latest Post from Current Category Archive in Genesis
  • 09Horizontal Newsletter widget design in Genesis

2021

January

  • 15Post Grid design having the custom field in WordPress

2020

December

  • 29Convert Search form into the widget area in Essence Pro theme

2020

November

  • 06Easy Digital Downloads Cart in Site Header Navigation in Genesis

2020

September

  • 30Featured Post Widgets in Columns
  • 12Post list design showing featured image when hovered in Genesis
  • 06Change Logo On Scroll in Genesis Sample

2020

August

  • 26HTML Form in two columns in WordPress
  • 08Expanding Search box in menu-item list in Genesis

2020

July

  • 12Custom Post List with custom field in Genesis
  • 03Custom Genesis Featured Posts Widget in Genesis Sample

2020

June

  • 26Gutenberg Page Template for Genesis
  • 23Change default excerpt to custom post field
  • 18Customize Post Comment Markup in Genesis

2020

May

  • 14Pop Up Search to the right Site Header in Genesis
  • 07Customize Error 404 Page in Genesis

2020

April

  • 11Search Form in primary menu in Genesis

2020

March

  • 19particles.js in Genesis
  • 12typed.js in Genesis
  • 04Shape Dividers in Genesis

2020

February

  • 13Add Login/Logout menu items conditionally in Genesis
  • 12Copyblogger style Post Grid Layout in Genesis

2020

January

  • 28Magazine style Singular Post Design in Genesis Sample
  • 27Isotope Masonry Blog Archive in Genesis
  • 24Magazine style featured posts design in Genesis Sample
  • 22Post Page Blog Archive Template with Layouts in Genesis
  • 20Responsive Menu in left, Logo in center and Offscreen Widget in Right in Magazine Pro
  • 19Increasing and Removing Membership Discounted Price
  • 17Site Inner with container background in Genesis Sample
  • 12Isotope Masonry Gallery in Genesis
  • 07Deal custom post type container with custom fields in WordPress

2019

December

  • 20How to Reposition Archive Title in Genesis
  • 16Exclude Latest Post from the WordPress Loop in Genesis
  • 11Hero Section with Full Width Titles in Genesis
  • 04Output Custom Field Value in WordPress

2019

November

  • 25fullpage.js template in Genesis
  • 17Custom Loop for Post Content in Genesis
  • 12Popup lightbox using VenoBox in Genesis
  • 07Slide in-out Responsive Menu with Overlay in Genesis Sample

2019

October

  • 30Video Background in front page section in Altitude Pro
  • 26Load more posts button on blog post using Infinite Scroll in Genesis
  • 23Custom Widget area having Categories and search on Post Page in Startup Pro
  • 20Custom Widget area having Categories and search on Post Page in Genesis
  • 16My Account Login Icon in site header in Outfitter Pro
  • 11Callout Box design in WordPress
  • 07Filterable Portfolio in Startup Pro
  • 03User Account and Cart with Item details in Header Right in Genesis

2019

September

  • 30Single Post Design having social Profiles for Author and Related Posts in Infinity Pro
  • 29SVG shape dividers in Startup Pro
  • 27Blog Post Page Design having first post with a different layout in Infinity Pro
  • 26Reposition Post info, Post title and Post meta in Startup Pro
  • 24Off-Canvas side slide in-out responsive menu in Genesis Sample
  • 20Adobe Typekit Fonts in Genesis
  • 17Responsive Menu in left, Logo in center and Offscreen Widget in Right in Genesis Sample
  • 13Enqueue fonticons in Genesis
  • 08Create Customer Account Page for Easy Digital Downloads in Genesis
  • 03Slide in-out Responsive Menu forever in Genesis Sample 3.0.0
  • 01Slide in-out Responsive Menu in Genesis Sample 3.0.0
  • 01Remove default Responsive Menus and add custom menu in Genesis Sample 3.0.0+
  • 01Numberlist box with style in WordPress

2019

August

  • 31Checklist box with Icon in WordPress
  • 29Fixed side menu navigation in WordPress for Genesis
  • 28Remove Responsive Menus in Genesis Sample 3.0.0+
  • 26Off Canvas side slide in-out responsive menu in Genesis
  • 25Current menu item in screen reader in WordPress
  • 24Remove the default loop in Genesis
  • 21Show WP-PostRatings Plugin Ratings in Genesis
  • 19Conditional tag for subpages of a Page in WordPress for Genesis
  • 17Modify the Site Header URL in Genesis
  • 17Shortcode for Post Title in Genesis and WordPress
  • 13Sub menu indicators in Genesis
  • 11SVG Support in WordPress
  • 09Install Drift on WordPress site
  • 07Install HubSpot on WordPress site
  • 06Table of contents using Tocbot in Genesis
  • 02Custom Page Template having hero title and subtitle in Genesis

2019

July

  • 29Reposition Hero Section Post title on Single Posts in Corporate Pro
  • 28Custom hero title on Search results Page in Genesis
  • 27is_front_page() v/s is_home()
  • 22Slide in-out Menu in left, Title Area Logo in center and header widget in Right in Genesis Sample
  • 20Change Genesis Portfolio Pro Custom Post types Labels
  • 20Genesis Attributes
  • 20Allow Shortcodes Into Text Widgets and Excerpts
  • 20Enable Breadcrumbs on Portfolio Archives and Single pages
  • 19Widget section in site header in Genesis
  • 17Slide in-out canvas menu in Genesis Sample
  • 13Change 3 columns footer widgets in 4 columns widgets in Genesis
  • 10Remove entry content on blog and archive pages in Genesis
  • 09Slide in-Out responsive Menu in Genesis Sample 2.3.0
  • 06Reposition Secondary menu below Primary Menu in Genesis Sample
  • 03Custom page template design for header, menu with description and footer in Genesis

2019

June

  • 30Sticky site header when scroll up in Genesis
  • 28Slide in-out Menu in left, Title Area Logo in center and header widget in Right forever in Genesis Sample
  • 27Move menu toggle in left and Title Area Logo in center in Genesis Sample
  • 25Replicate Single Post Design of Monochrome Pro in Genesis Sample
  • 20Remove ‘Menu’ text from Genesis Sample
  • 18Stretchy Navigation in Genesis
  • 14Hide and show title area or logo on hover in Genesis Sample
  • 13Remove Site Header Right Widget in Genesis
  • 13Order Posts by $query in WordPress
  • 11Header Search in Genesis Sample
  • 11Genesis Loop Actions
  • 07Simple Social Icons and Search widget after primary Navigation in Genesis Sample
  • 03Landing Page Design Template with Background Image in Genesis

2019

May

  • 29Nav Primary in left, Title area logo in Center and Nav Secondary in right in Genesis Sample
  • 25Sub Menu Not output In Genesis
  • 24Widgetized Landing Page in Genesis
  • 23Add extra class to HTML elements in Genesis
  • 20Remove text “Menu” from responsive Menu in Genesis
  • 18Featured Post design having 5 articles in 2 columns in Genesis
  • 16Header Search in Revolution Pro
  • 14Video Background in Genesis
  • 14Image Background in Genesis
  • 12SVG Shape dividers in Genesis
  • 10Improve Genesis Sample with features and Bug fixes
  • 08Cookie Consent bar in Genesis
  • 05Featured Post design having 3 articles in 2 columns in Genesis
  • 02Video Background Section in Monochrome Pro

2019

April

  • 30How to limit the site header to content width in Genesis Sample
  • 27Slide in-out Responsive Menu forever in Genesis Sample
  • 24Sticky site header having before site header widget section in Monochrome Pro
  • 19Customize Genesis Next & Previous Page Link Text
  • 18Add Google Tag Manager code in Genesis
  • 15One Page Scroll sections using fullpage.js in Genesis
  • 13Add js and no-js class to body in Genesis
  • 13Fix font size styling issue in Genesis Sample
  • 12Advanced Full width Widgetized Home page in Genesis Sample
  • 11Landing Page template in Genesis
  • 10How to Add a new website in Google Analytics
  • 05Sticky site header having before site header widget section in Genesis
  • 01Fixed Utility bar Site header and hide the Utility bar while scrolling in Genesis Sample

2019

March

  • 30Transparent Header and Particles.js Background Section in Genesis
  • 25Hero Section in Genesis
  • 20Replace Dashicons with IonIcons in Genesis Sample
  • 18Primary menu in left, Logo in Center and Search widget in right in Genesis Sample
  • 16Display Featured Posts on front-page widget in two columns in Genesis Sample
  • 15Full Width Widgetized Front Page in Genesis Sample
  • 13Heading tags for Entry Titles in Genesis
  • 09Add WooCommerce Add to Cart Button to Menu with Offscreen content like Outfitter Pro
  • 04Sticky site header and Notification bar in Genesis

2019

February

  • 28Add Header Left Widget In Genesis
  • 25Secondary Sidebar with layout sidebar-content-sidebar in Genesis Sample
  • 19Sub-container div class under site-container in Genesis
  • 13Slide in-out Responsive Menu in Genesis Sample
  • 11Integrate MailChimp with the Genesis Enews Extended plugin
  • 09Add Scroll Back To Top In Genesis
  • 02Typing effect using Typed.js in Genesis

2019

January

  • 28Animated Hamburger Menu Icon in Genesis
  • 28Filterable Portfolio in Genesis
  • 22Integrate Mailerlite with the Genesis Enews Extended plugin
  • 17Pace Loader js in Genesis
  • 13Simple and Creative Circular Color Categories Genesis
  • 10Top Notification Bar with close button in Genesis
  • 06Add Beautiful Notification Boxes with Icons in your site
  • 03Widgetized Front page having Parallax Effect section float over and fadeUp when scrolled in Genesis

2018

December

  • 28Reposition Primary navigation to left, secondary to right and logo in center in Genesis Sample
  • 24Add Simple Colored Content Boxes in your site
  • 23Blog Archive Posts layout in 3 columns in Genesis
  • 18Newsletter section design having Image and Text widget
  • 16Post page blog layout in Genesis
  • 15Conditional Tag is_front_page() v/s is_home(). What to use?
  • 10Advanced Post Page Blog layout in Grid using CSS Grid in Genesis
  • 07Parallax Effect in Genesis
  • 05Insert a Widget Area in Between Blog Posts in Genesis
  • 02Parallax effect having front-page-2 float over front-page-1 when scrolled in Genesis

2018

November

  • 30Related custom post type listing on CPT singular Post with custom fields using Pods
  • 29Replicate widgetized front page design for other Page in Genesis
  • 26Single Post design having background image, title and other meta info in Genesis Sample
  • 24Video custom post type archive design in Genesis
  • 21Logo using CSS only in Genesis
  • 21Video widget as Background Video widget section in Genesis
  • 20Remove Archive Title & Description from Blog Page in Genesis
  • 19Add Custom Body Class in Genesis
  • 18Customize Deal custom post types Singular Post in Genesis
  • 16Custom Newsletter section design in Genesis
  • 15Customize Deal custom post types Archive Page in Genesis
  • 14Add Navigation Extras in Genesis
  • 13Deal custom post type design in Genesis
  • 11Sticky shrinking site header logo having Utility Bar in Genesis
  • 11Remove footer widgets area in Genesis
  • 11Fix tablepress table column and make table responsive in Genesis
  • 07Custom Left and Right Navigation Menus to the site header in Genesis Sample
  • 04Simple Way to add different layout for singular Post and Page in Genesis
  • 03Left and Right Navigation Menu having title area in center to the site header in Genesis Sample
  • 01Primary Menu in Left, Logo in Center and Secondary Menu in the right to the site header in Genesis Sample

2018

October

  • 30Customize Read More button below content/excerpts in Genesis
  • 30Customize Post Excerpts Content limit in Genesis
  • 29Left and Right widget section having title area in center to the site header in Genesis Sample
  • 28Enable Disable Superfish Script in Genesis
  • 27Structural Wraps in Genesis
  • 26Customize Navigation Menus in Genesis
  • 25Shrinking header with hanging logo having top navigation in Genesis Sample
  • 24Customize Site Layouts in Genesis
  • 23Customize Site Header in Genesis
  • 22Customize Sidebars in Genesis
  • 21Shrinking header with hanging logo in Genesis Sample
  • 20Customize Entry Navigation in Genesis
  • 19Customize Breadcrumbs in Genesis
  • 18Customize Search Form in Genesis
  • 16Image widget as Background Image widget section in Genesis
  • 15Customize Entry Comments in Genesis
  • 14Customize Author Box in Genesis
  • 13Customize Entry Content in Genesis
  • 13Remove the Website Field from Genesis Comments Form
  • 12Custom Post Meta Taxonomies and Categories on Custom Post Types in Genesis
  • 12Display Number of Comments in Comment Header Text in Genesis
  • 12Show total number of comments in Post Comment heading in Genesis
  • 11Enable Header Right Widget in Genesis
  • 11Conditionally change post info on Custom Post Types
  • 10Customize and edit site footer Credit Text and URL in Genesis
  • 09Customize entry Footer Entry Meta (Post Meta) in Genesis
  • 08Customize entry header entry meta (Post Info) in Genesis
  • 06Logo Primary menu and Header Right widget section in Genesis Sample
  • 06Background image in site header and front page section in maker pro
  • 05Add Video in entry content using custom fields on singular post

2018

September

  • 26Add Single Post Navigation In Genesis
  • 26Add Portfolio Title and Content on Portfolio Page in Pretty Creative Pro
  • 23Conditional site footer in Genesis
  • 23Responsive menu forever in Genesis Sample
  • 22Replace site footer widget area conditionally in Genesis
  • 21Display featured image on Post Page Archive
  • 20Customize Post Meta conditionally in Genesis
  • 19Customize Post info conditionally in Genesis
  • 18Conditional Navigation Menu in Genesis
  • 17Conditional site header logo in Genesis
  • 14Reposition Post Info above Post Title in Genesis
  • 14Reposition Post Meta below Post Title in Genesis
  • 13Smooth scrolling for hash links in Genesis
  • 13Smooth Scrolling in WordPress
  • 13Add Custom Body Class in WordPress
  • 13Reposition Post Page heading in Genesis
  • 13Add author Gravatar before post meta
  • 13Entry Meta on single Posts in Essence Pro
  • 13Remove Sitemap from Error 404 page in Genesis
  • 12Replace Header Right widget area conditionally in Genesis
  • 12Open link in new tab using jquery
  • 11Display Custom Fields on Singular Post Page in Genesis
  • 09Display Advanced Custom Post Types Entries on a Custom Page in Genesis
  • 09Add a Read More button below content/excerpts in Genesis
  • 07Paradeiser Navigation Menu Bar in Genesis
  • 06Custom Header Right Widget Area in Genesis
  • 05Custom Portfolio Archive in Genesis
  • 04Search form to the site header in Genesis
  • 02Display custom menu with menu descriptions and icons in a Widget

2018

August

  • 31Hosting Font Icons Locally in WordPress for Genesis
  • 31Hosting Fonts Locally in WordPress for Genesis
  • 27Filterable Portfolio on front page in Genesis
  • 24Customize Genesis Portfolio Pro Plugin
  • 23How to Add a Page Loading Screen in Genesis
  • 20Ionicons in Genesis
  • 20Using FontAwesome in Genesis
  • 19Shortcode For Breadcrumbs
  • 19Change Posts Per Page for Posts page and archives
  • 18Shrinking Logo on Scroll in Genesis Sample
  • 18Add Login/Logout menu items conditionally to Primary nav menu
  • 16Filterable Portfolio using Isotope js in Genesis
  • 16Reposition Primary Navigation conditionally in Genesis
  • 15Infinity Pro’s Offscreen widget area in Genesis
  • 14Display Search form Widget on Custom Page
  • 13How to Customize the Genesis Breadcrumbs
  • 12Showcase Pro Site Header and page header in Genesis
  • 11Display Custom Post type listing on front page in Genesis
  • 09Image Animation in front page widget section in Genesis
  • 09Design Custom Post Type Archive in Genesis
  • 09Display Custom field Content on Singular Posts in Genesis
  • 08Sixteen Nine Type site header layout in Genesis Sample
  • 07Overlay Entry Title and Excerpts on Featured Image in Genesis
  • 06Infinite Scroll in Genesis
  • 05Create and Customize a custom post type in Genesis
  • 05Rename or Rewrite A Custom Post Type
  • 03Display Featured Image and Overlay Entry Title with Excerpts on Blog Archive
  • 03Overlay entry title on featured image in single posts
  • 02Academy Pro Hero Section in Genesis
  • 01Masonry in Genesis

2018

July

  • 31Getting Started with Pods framework in Genesis WordPress
  • 29Reposition Entry Title on custom post types in Business Pro
  • 29Authority Pro Hero Section in Genesis
  • 27Particles.js Background Section using Customizer in Genesis
  • 27Excerpt Limit in a specific category archive in Genesis
  • 27Content Limit in a specific category archive in Genesis
  • 26Simple Related Posts in Genesis
  • 25Transparent Header and Video Background Section using Customizer in Genesis
  • 24Transparent Header and Image Background Section using Customizer in Genesis
  • 24How to create multi layout columns in Genesis
  • 23Overhangs the Site Header in Infinity Pro
  • 23Overhangs the Site Header in Genesis Sample
  • 22Expandable Search Icon to the Navigation Menu in Genesis
  • 21WordPress, Genesis and Custom Post Types
  • 20Add Logo Between Site Title Area in Genesis
  • 19Expanding Search Box in Genesis
  • 19Add Easy Digital Downloads Cart to Navigation Menu in Genesis
  • 18Adds an Additional JS control to the WordPress Customizer
  • 18Add WooCommerce Cart to Navigation Menu in Genesis
  • 18Remove Essense Pro Header hero
  • 16Video Background Section using Customizer in Genesis
  • 15Image Background Section Widget Area Using Customizer in Genesis
  • 14Move Footer Menu to the Left in Genesis Sample like Authority Pro
  • 14Add Custom Class to the Site Title in Genesis
  • 14CSS Vendor Prefixes
  • 13Show Logo Before Site Title in Genesis
  • 12Default Related Posts in Genesis
  • 09Advanced Related Posts in Genesis
  • 07Transparent Header and Video Background Section in Genesis
  • 06Transparent Header and Image Background Section in Genesis
  • 05Customize Simple Social Icons
  • 05Reposition elements and Add Widget area on Single Posts in Corporate Pro
  • 05Reposition the Hero Section and Post title on Single Posts in Corporate Pro
  • 02Horizontal Opt-in Form in Genesis using eNews Extended plugin
  • 01Working with WordPress Customizer for Genesis

2018

June

  • 30CSS Grid in Genesis
  • 25CSS Flexbox in Genesis
  • 23Transparent site header and fixed header on scroll in Genesis
  • 22Custom Particles Background Section in Genesis
  • 21Jetpack-like Related Posts without Jetpack in Genesis
  • 20Conditional Tags and Return Early in Genesis
  • 17Custom Video Background Section in Genesis
  • 16How to display Featured Image on Single Post or Page in Genesis
  • 15Split Navigation in Genesis
  • 14Posts Grid in Genesis using CSS Grid
  • 13Remove simple social icons plugin css
  • 12Custom Image Background Section in Genesis
  • 11Split the Genesis footer Credits in two or more widget-areas
  • 11Welcome Section Widget Area in Genesis
  • 09Search Widget Area to site header after Navigation bar in Genesis
  • 09Customize Search Form Widget in Genesis
  • 08Dropdown Category selection without Page refresh using FacetWP in Genesis
  • 07Related Posts in Genesis
  • 06Split footer in Genesis
  • 05Customize site footer in Genesis
  • 04Simple Social Icons to site header after Navigation bar in Genesis
  • 04Custom widget areas in site header and Navigation Bar in Genesis
  • 03Shrinking Fixed Header in Genesis
  • 02Split Navigation in Genesis Sample
  • 01Custom Navigation Menu Location in Genesis Sample

2018

May

  • 31Flexible Widgetized Front page in Genesis Sample
  • 30How to set up Flexible Widgets in any Genesis child theme
  • 29Header Search in Genesis
  • 27Flexible Footer Widgets in Genesis Framework
  • 25Equal Heights Columns in Genesis
  • 25Genesis Columns Advanced
  • 23Footer Widgets in Genesis
  • 23Custom Archive Page Template in Genesis
  • 21Archive page Sitemap in Genesis
  • 20Utility Bar in Genesis Sample
  • 20Utility Bar in Genesis Framework
  • 19Full Width Page Template in Genesis for Beaver Builder and Elementor
  • 18How to Create a Custom Page Template in Genesis
  • 17Genesis Shortcodes
  • 16Register and Display Flexible Widgets in Genesis
  • 15Full Width Widgetized Front Page in Genesis
  • 14Display Multiple Widgets area in Genesis
  • 14Register Multiple Widgets area in Genesis
  • 13How to Create Custom Sidebar for Custom Post Type in Genesis
  • 13Arrange Comment form fields in columns using CSS Grid in Genesis
  • 12How to Register and Display Custom Sidebar in Genesis
  • 11Conditional Tags to Register and Display Widgets in Genesis
  • 10Register a Widget area for Front page or Home in Genesis
  • 09Conditional CSS in WordPress and Genesis
  • 08Conditional Tags to Load custom.js script
  • 07Conditional Tags to Load custom.css stylesheet
  • 07Change Genesis Child Theme StyleSheet Loading Priority
  • 06Conditional Tags in WordPress for Genesis Framework
  • 05Genesis Hooks — Visual Hook Guide with Examples!
  • 05Genesis Hooks Reference: A Complete List of Available Hooks & Filters
  • 05Actions and Filters hooks in WordPress
  • 04How To Deregister & Dequeue Stylesheets and Scripts
  • 03How To register & enqueue Stylesheets and Scripts
  • 02Register a Widget area and display it in Genesis
  • 01How to add custom.js script to in Genesis

2018

April

  • 30How to add a custom.css stylesheet in Genesis
  • 29How to add Additional stylesheet in Genesis child theme
  • 28Background Image in site header in Genesis Sample
  • 27Background Image in site title area in Genesis Sample
  • 27Background in site title area in Genesis Sample
  • 26Show logo after Site Title in Genesis Sample
  • 26Show logo before Site Title in Genesis Sample
  • 25SVG Logo in Genesis sample theme
  • 24Show description in Genesis Sample Child theme
  • 24How to Setup Genesis Framework and Child Theme
  • 24Installing Genesis Framework and Genesis Sample Child Theme
  • 22Download FREE Genesis Guide for Absolute Beginners
  • 20How to clone WordPress site
  • 19How to migrate WordPress Site
  • 18Reposition Genesis Archive Pagination
  • 17How to Backup WordPress site
  • 15Custom Post Type in WordPress
  • 13WordPress Settings
  • 13WordPress Tools
  • 12Adding Widgets in WordPress
  • 12How to create Navigation Menus
  • 11Customizing the WordPress Theme
  • 10Managing Comments and Users
  • 09Post Formats
  • 09How to write a post in WordPress
  • 08Categories Vs. Tags in WordPress
  • 07How to Install a WordPress theme
  • 07How to Install a WordPress Plugin
  • 06The WordPress Editor
  • 06Posts vs Pages
  • 05What To Do After Installing WordPress
  • 05A walk through WordPress Dashboard
  • 04How to Install WordPress?
  • 02WordPress.Org or WordPress.com
  • 01What is WordPress?

Built with Genesis Framework + WordPress by Aryan Raj

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