• 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

Education Pro – Header Image Size

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 › Education Pro – Header Image Size

This topic is: not resolved

Tagged: education pro, header image

  • This topic has 7 replies, 4 voices, and was last updated 8 years, 2 months ago by kathiemt.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 21, 2016 at 3:01 pm #184113
    DanRxDrums
    Member

    I'm trying to increase the size of my header image. However, I'm unsure which part of the .css to modify. Is it one of these two and if so, which one?

    .site-header {
    background-color: #fff;
    border-top: 3px solid #e44a3c;
    box-shadow: 0 3px rgba(70, 70, 70, 0.05);
    min-height: 80px;

    .header-image .site-title > a {
    float: left;
    min-height: 100px;
    width: 100%;
    }

    April 21, 2016 at 5:36 pm #184124
    Andykev
    Participant

    It is in your functions.php file.

    Look for something like this:

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

    You adjust the "height" and "width" for your desired image. Then you upload the properly formatted image to your media library, and using the customizer, add the image as your site header.

    April 22, 2016 at 3:39 am #184146
    Brad Dalton
    Participant

    You need to match both the CSS under the Site Header section and the values for the PHP with the dimensions of your header image


    Tutorials for StudioPress Themes.

    April 18, 2017 at 10:35 pm #204971
    kathiemt
    Participant

    I've been looking at this same issue. I have edited the functions.php and it now allows me to upload an image of the new size but I can't find where in the CSS that BradDalton mentions to make the change. The image has been truncated. You can see it at https://weddingfuneralcelebrant.com.au/. It should have 3 head photos across with text underneath it. The image size is 504x144.


    Kathie Thomas

    April 18, 2017 at 10:48 pm #204972
    Brad Dalton
    Participant

    Look under the Site Header section in style.css


    Tutorials for StudioPress Themes.

    April 18, 2017 at 10:54 pm #204973
    kathiemt
    Participant

    I did Brad but still cannot find what I'm looking for. There's nothing that indicates the size for the header-image.


    Kathie Thomas

    April 18, 2017 at 10:59 pm #204974
    Brad Dalton
    Participant

    Try .site-title a


    Tutorials for StudioPress Themes.

    April 18, 2017 at 11:47 pm #204975
    kathiemt
    Participant

    It just has this Brad

    .header-image .site-title > a {
    float: left;
    min-height: 144px;
    width: 100%;
    }

    I changed the min-height from 100 to 144. Should I change the 100% to 504px?


    Kathie Thomas

  • 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

© 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