• 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

How can I change the size of the header image in Metro Pro?

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 › How can I change the size of the header image in Metro Pro?

This topic is: not resolved

Tagged: css, functions.php, header image, size

  • This topic has 7 replies, 5 voices, and was last updated 8 years, 8 months ago by Brad Dalton.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 5, 2013 at 8:04 pm #65510
    basil2013
    Member

    Hi,

    I just tried to change the size of the header image in Metro Pro changing the values for height and width in functions.php:

    //* Add support for custom header
    add_theme_support( 'custom-header', array(
    'width' => 389,
    'height' => 92,
    'header-selector' => '.site-title a',
    'header-text' => false
    ) );

    It does not work. What can I do?

    Thanks,

    Peter

    http://www.de.photography-collection.com
    October 6, 2013 at 4:33 am #65547
    Brad Dalton
    Participant

    Change the values in the CSS code as well and paste it at the end of the file.

    .title-area {
    	float: left;
    	padding: 0;
    	width: 360px;
    }
    
    /* Logo, hide text */
    
    .header-image .site-title,
    .header-image .title-area {
    	min-height: 100px;
    	padding: 0;
    }
    
    .header-image .site-title a {
    	background-color: none;
    	max-width: 270px;
    	min-height: 80px;
    	padding: 0;
    }
    
    /* Widget Area
    --------------------------------------------- */
    
    .site-header .widget-area {
    	float: right;
    	width: 664px;
    }
    

    Get Help – Book Consultation.

    October 24, 2013 at 10:10 am #68645
    Mark
    Member

    Apparently Brad was being modest with his response. He actually has a much more detailed blog post on this very topic. It is VERY detailed and was a huge help to me (thanks Brad!). You can find his post here:

    http://wpsites.net/web-design/customize-header-logo-banner-images-in-metro-theme/


    Mark Evans

    January 23, 2014 at 6:47 am #86631
    keykey
    Member

    Will the above link

    http://wpsites.net/web-design/customize-header-logo-banner-images-in-metro-theme/

    work with metro pro too?

    Thank-you

    Key

    May 29, 2014 at 11:25 am #107321
    Tony-BV
    Member

    Hi Brad, I have tried this as well and I cannot seem to see the changes on the site. Is shows it in the custom header area "Images of exactly 920 ?— 150 pixels will be used as-is." and I made the change in the style.css as well and it still doesnt show up on the site. Any advice, thanks in advance. Tony

    May 29, 2014 at 3:35 pm #107367
    Brad Dalton
    Participant

    Might be server side, plugin and/or browser caching..


    Get Help – Book Consultation.

    May 29, 2014 at 6:41 pm #107385
    Tony-BV
    Member

    Thanks Brad, it was the browser caching like you said. Thanks

    May 29, 2014 at 11:04 pm #107416
    Brad Dalton
    Participant

    Cool!


    Get Help – Book Consultation.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 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

© 2023 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