Genesis Tutorials

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.

Related Tutorials

Leave a Reply

Your email address will not be published. Required fields are marked *