• 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

Premium Member? - Request custom code

Template To Show Hero Image Behind Search Results Page Title in Genesis

This template shows a image behind the search results page title in Genesis like this :

Hero Image Behind Search Results Page Title

Demo Video #

Shows the image named search.jpg uploaded to the child themes images folder displaying behind the search results page title.

Tested using the Genesis Sample child theme by StudioPress however will work in any Genesis child theme.

Installation Steps

There’s 2 steps :

# Step 1 : Upload the search.js, search.php & style-search.css files to your child themes root directory like this :

Child Theme Folder

# Step 2 : Upload your hero image named search.jpg to your child themes images folder like this :

Child Themes Images Folder

You can then use the search box to type in your search query which will display the search results page as seen in the demo video.

Download Folder

Search

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

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