• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Change the height of header image in Backcountry

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Change the height of header image in Backcountry

This topic is: resolved

Tagged: backcountry, change, header image, height

  • This topic has 3 replies, 2 voices, and was last updated 11 years, 8 months ago by Brad Dalton.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 27, 2013 at 2:28 am #64440
    wandjoe
    Member

    Helo
    I would like to change the size, the height of the image from the header from 120 to 200.
    I have read another thread, answered by "antic" who explain how to change it.
    The problem I have is that I cant find anything called "custom header" nor a value of 120 in the functions.php.
    Can anybody help me and indicate me were I can find this to change the header Image size.
    Thank you in advance

    September 27, 2013 at 12:07 pm #64486
    Brad Dalton
    Participant

    1. Line 23 of your child themes functions.php file includes this code.

    Please change the value for the height:

    /** Add support for custom header */
    add_theme_support( 'genesis-custom-header', array( 'width' => 960, 'height' => 200 ) );
    

    Simply change the value from 120 to 200 as i have done so in the code above.

    2. You may also need to change the height values in your child thees style.css file:

    Line 168:

    #header {
    	color: #fff;
    	margin: 0 auto;
    	min-height: 200px;
    	overflow: hidden;
    	text-shadow: 1px 1px #222;
    	width: 960px;
    }
    

    And Line 224

    .header-image #title-area,
    .header-image #title,
    .header-image #title a {
    	display: block;
    	float: left;
    	height: 200px;
    	overflow: hidden;
    	padding: 0;
    	text-indent: -9999px;
    	width: 350px;
    }
    

    Please paste this CSS code at the end of your child themes style.css file.


    Tutorials for StudioPress Themes.

    September 27, 2013 at 2:02 pm #64510
    wandjoe
    Member

    Hello braddalton
    Thank you for your answer.
    I have changed it now and it works.
    The problem was that I have searched in the functions.php of the wp-includes and not in the child theme function.php
    I am new in this mater
    Thank you.

    September 27, 2013 at 2:04 pm #64511
    Brad Dalton
    Participant

    No need to ever edit code in Genesis. All modifications should be done in the child theme


    Tutorials for StudioPress Themes.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble