• Skip to content
  • Skip to secondary menu
  • Skip to primary sidebar
  • Home
  • About
  • Contact
  • Deals

Ryan Rudolph

Front-End WordPress Developer

  • Tutorials
  • Genesis
  • WordPress
  • CSS
  • Plugins
  • Web Design
  • Events

Add A Featured Image Behind Your Page Titles In Genesis

July 15, 2016 by Ryan Rudolph Leave a Comment

Looking for an easy way to spice up the design of your website’s internal pages? Stop pasting images randomly throughout your content. Give your page titles a professional creative touch. Here’s what I’m talking about:

without pretty title image
BEFORE
with pretty title image
AFTER

How Does It Work

First, in the page.php file, use conditional logic to check to see if a featured image has been uploaded. If it has, wrap the entry title within a custom container. Embed the post thumbnail (featured image) in the same container.

Next, I’ll add some CSS to the stylesheet. The title needs to be positioned absolute in order for it to appear on top of the image.

Voila! Awesome custom page titles.

Share this:

Related Posts

  • Line Through Titles CSS Image
    Add A Line Through Your Titles With CSS

    There’s a lot of creative things you can do to make the typography unique on your website. A web designer friend of mine, Nina Cross,…

  • Easy Widgetized Areas in Genesis
    Using Plugins To Create Widgetized Areas In Genesis

    Knowing the right go-to reliable plugins can really cut down on your development time and streamline your workflow. Combining a couple of easy-to-use plugins, you…

Filed Under: Genesis, Tutorials

Affiliate Disclosure: All of my posts are 100% honest and genuine. However, I may earn money from the companies mentioned in this post.

Reader Interactions

Leave a Reply Cancel reply

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

Primary Sidebar

Social

  • GitHub
  • Twitter

February Special

20% OFF
newcustomer
migrate db pro

WP Migrate DB Pro

Save time and become a better developer with 20% off their developer package. Code newcustomer applied at the link below.
Expires March 31, 2019
Get This Deal

© Copyright 2019 Ryan Rudolph. All Rights Reserved. Privacy Policy.