• 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

Executive Pro Theme 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 › General Discussion › Executive Pro Theme Header Image Size

This topic is: not resolved

Tagged: executive pro, header image

  • This topic has 6 replies, 3 voices, and was last updated 11 years, 5 months ago by rcwatson.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 12, 2013 at 11:27 pm #72640
    ChrissyJee
    Participant

    My site is: evilpowdercoating.com

    I am using the executive pro theme and trying to user a header image size of 520x100. I made updates to the CSS to fit the image but it is pushing my navigation links and slider down. Any thoughts to what is causing this?

    http://evilpowdercoating.com
    November 13, 2013 at 1:13 am #72654
    Brad Dalton
    Participant

    You can change the PHP code in your child themes functions.php file to this:

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

    And then change the CSS code in your style sheet:

    .title-area {
    	font-weight: 700;
    	float: left;
    	overflow: hidden;
    	width: 530px;
    }
    

    Or add this to your style sheet.

    .site-header {
            background-image: url(images/logo.png);
    	width: 530px;
    	height: 100px;
    	float: left;
    }
    

    Tutorials for StudioPress Themes.

    November 13, 2013 at 9:41 pm #72873
    ChrissyJee
    Participant

    Hi Brad! I'm so glad you responded. I think you are awesome!

    I did all of the above and everything looks great except I lost the navigation I had on the top right. Any ideas what's going on?

    November 14, 2013 at 4:38 am #72905
    Brad Dalton
    Participant

    You won't lose it if you use the CSS code above to add your logo.

    You would also reduce trhe width for the header right widget to compensate for the increase in width.

    .site-header {
            background-image: url(images/logo.png);
        width: 530px;
        height: 100px;
        float: left;
    }
    
    .site-header .widget-area {
    	float: right;
    	width: 610px;
    }
    

    Tutorials for StudioPress Themes.

    November 14, 2013 at 8:43 pm #73060
    ChrissyJee
    Participant

    I've added the CSS code and the code to reduce the width of the right header widget and the nav is still pushed to the next line.

    You can see it here:
    http://evilpowdercoating.com/2012/10/01/threaded-comments/

    Any thoughts?

    November 14, 2013 at 9:00 pm #73065
    Brad Dalton
    Participant

    Not sure sorry.


    Tutorials for StudioPress Themes.

    December 21, 2013 at 11:30 pm #80705
    rcwatson
    Member

    Hi. I'm having this same problem, except when I upload my image, it wants to crop it to the default size that comes with the template (200x100 or something).

    To match the height and width of my customer's logo, I modified the following code in my functions.php to what you see below

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

    but I haven't done any other CSS changes. I just need the logo to default crop to 200x139, not that 200x100 size that it wants to do by default.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘General Discussion’ 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