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

WP SITES

2662

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

Responsive Text Over Image After Header On Front Page of OutFitter Pro

This code adds a image named image.jpg from the Outfitter Pro themes images folder after the header on the front page only like this :

The title and text is responsive meaning no media queries are added to resize the font at different screen widths.

Demo Video #

Shows the image.jpg displayed after the header on the Outfitter Pro child theme by StudioPress. Includes responsive title & text overlaying the center of the image.

Should work fine in most Genesis child themes without modification.

Installation #

There’s 3 steps relating to usage of the files in the download folder :

Step 1 : Upload the front-page.php file replacing the default front page template in the Outfitter Pro themes root directory.

Register or login to access the download folder :

Register for full access

Related Tutorials

  • Responsive Text Over Image Behind Header On Front Page of OutFitter Pro

After Header Image Outfitter Pro Theme

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

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