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

WP SITES

2671

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Tutorial Requests
  • Contact
  • Videos
  • Tags
  • Log in

After Header Image Tutorials

The tutorials in this archive contain code which enables you to add a image after the header in different Genesis child themes using different methods. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Eleven 40 Pro Responsive Image After Header

This tutorial provides the code which adds a responsive image after the header to the Eleven 40 Pro child theme by StudioPress. The

After Header Image Eleven40 Pro Theme

Responsive Custom Text Over Featured Image After Header

This code extends the code in this tutorial which enables you to add a responsive featured image after the header in Genesis child themes.

After Header Image Featured Image

Special 2nd Image For Mobiles After Header At Any Screen Width

This code enables you to add a custom mobile responsive image which replaces the featured image at a specific screen width. In this example,

After Header Image Custom Fields Featured Image

Genesis Responsive After Header Featured Image 100% Width

This code enables you to add the featured image after the header using width:100%; This displays the image full width regardless of the

After Header Image Featured Image

After Header Parallax Image

This download adds a widget area after the header with a background image. The widgets background image moves at a different speed to the

After Header Image Parallax Pro Theme

Responsive Text Over Image

This code makes the font size responsive so the text size increases and decreases when the size of the browser window changes without the

After Header Image Featured Image

Responsive Image After Header On Single Pages in Genesis

This post contains 2 code snippets which enable you to add a unique image after the header on any single page. Here's how the 2

After Header Image Atmosphere Pro Theme Custom Fields

Monochrome Pro Image After Header On Any Page Type

This solution enables you to add a unique image after the header on any single page or specific page type like the Genesis blog page

After Header Image Custom Fields Featured Image Monochrome Pro Theme

Image After Header On Genesis Blog Page Template

This template enables you to display a responsive image after the header. You can add the image named default.jpg to your child themes

After Header Image Blog Page

Monochrome Pro Image After Header On Single Pages

This code enables you to display either a custom image or the featured image after the header on any single page. It also displays the

After Header Image Gutenberg Monochrome Pro Theme

Monochrome Pro Add Featured or Hero Image After Header On Single Pages

The code in this tutorial enables you to make any single page look the same as single posts. On top of this, you can display either the

After Header Image Custom Fields Featured Image Monochrome Pro Theme

Full Width Featured Image After Header In Genesis

This code enables you to display your featured image, full width, after the header, on single posts. If no featured image is added, a

After Header Image Featured Image Infinity Pro Theme

Unique After Header Images On Any Page In Altitude Pro

The code addition and modification in this tutorial enables you to show a replica of the front page 1 widget on any page or post with a

After Header Image Altitude Pro Theme

Unique After Header Images On All Pages In Atmosphere Pro

This tutorial provides the code which enables you to add a unique image after the header on all page types using the Atmosphere Pro child

After Header Image Atmosphere Pro Theme

Add Different Image After Header in Genesis

This tutorial provides the code which enables you to display a different image after the header in any Genesis child theme. Tested using the

After Header Image Magazine Pro Theme

Add Image After Header In Genesis

There's at least 4 ways to add a full width image after the header in any Genesis child theme. This tutorial provides several basic

After Header Image Magazine Pro Theme

Responsive After Header Image Text & Button

This tutorial adds a after header widget area to the front page of the Genesis Sample child theme by StudioPress. You can add this featured

After Header Image Enterprise Pro Theme

Add Background Image to Widget Via Customize

This solution creates a front page widget area and enables you to add a background image via the WordPress customizer. Here's the image

After Header Image Background Image Customizer

Add Image After Header Using Customizer

This tutorial for a client and members is a more complicated version of the previous post about how to add a image after the header in the

After Header Image Ambiance Pro Theme

Full Width Image After Header on Ambiance Pro Themes Index Page

This tutorial for a client and members, enables you to add a full width image below the header on the index or front page of the Ambiance

After Header Image Ambiance Pro Theme

  • « Go to Previous Page
  • Go to page 1
  • Go to page 2
  • Go to page 3
  • Go to Next Page »

Primary Sidebar

Brad Dalton Specializes In Genesis child theme customization & code modification. Read More…

Learn PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems