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

Community Forums Forums Design Tips and Tricks How can I change the size of the header image in Metro Pro?

This topic is: not resolved

This topic contains 7 replies, has 5 voices, and was last updated by  braddalton 3 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #65510

    basil2013
    Participant
    Post count: 4

    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
    #65547

    braddalton
    Participant
    Post count: 9446

    Change the values in the CSS code as well and paste it at the end of the file.
    [css]
    .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;
    }
    [/css]


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #68645

    Mark
    Participant
    Post count: 5

    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

    • This reply was modified 10 months, 1 week ago by  Mark.
    • This reply was modified 10 months, 1 week ago by  Mark.
    #86631

    keykey
    Participant
    Post count: 1

    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

    #107321

    Tony-BV
    Participant
    Post count: 5

    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

    #107367

    braddalton
    Participant
    Post count: 9446

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


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #107385

    Tony-BV
    Participant
    Post count: 5

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

    #107416

    braddalton
    Participant
    Post count: 9446

    Cool!


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.