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

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

Add Default Header Image To Twenty Fourteen Child Theme

This code simply pulls an image named header.jpg from your child themes images folder.

default header twenty twelve theme

Copy the PHP code from the view raw link in the GIst and paste it at the end of your child themes functions.php file.

You can still add a custom header image under Appearance > Header if you want to change the default.

Change Header Image Size

You’ll find all the CSS code for styling and changing the size of your header image once uploaded, under the Header section of the parent themes style.css file.

Here’s some sample CSS i have tested which you can add in your child themes style.css file:

#site-header {
	position: relative;
	z-index: 3;
	max-width: 630px;
	min-height: 175px;
}

And here’s the result:

change header image size twenty fourteen theme

The max width is 1260px and the height is flexible.

Note: If you change the header image size, you may also need to change the CSS for the Media Queries which you can find near the end of your style sheet.

Twenty Fourteen Theme

Reader Interactions

Comments

  1. Tom 'Frisby' Fraser says

    September 21, 2014 at 3:50 am

    I’m learning WordPress. I would like to use a different header image for each page on my site, that reflects the content of the page. I am using WordPress default 2014 theme.

    Log in to Reply
    • Brad Dalton says

      September 21, 2014 at 3:12 pm

      Hello Tom

      You can do this using a plugin or code.

      Log in to Reply

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.