• 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 – how to change size of header image

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 › Executive Pro – how to change size of header image

This topic is: not resolved

Tagged: executive pro, header image

  • This topic has 9 replies, 5 voices, and was last updated 7 years, 4 months ago by JodieWTS.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 12, 2015 at 4:43 pm #151920
    shumie
    Member

    The Executive Pro theme allows only a 260 x 100 header logo. How can I change the code to allow a 350 x 100 size logo? Thanks.

    http://www.faithpeptalks.com
    May 12, 2015 at 6:01 pm #151933
    Brad Dalton
    Participant

    There's 2 edits

    1. Modify the values for width and height in the functions.php file for the custom_header function.
    2. Under the Site Header section of the style.css file, modify 1 or 2 values for the width and height if needed.

    The values for the width and height should match your image.


    Tutorials for StudioPress Themes.

    May 14, 2015 at 2:04 pm #152245
    shumie
    Member

    Where do I go to get access to the functions.php file for the custom_header function? I found the page to edit the css. Thanks.

    May 14, 2015 at 2:22 pm #152253
    MoodyRiviera
    Member

    If you're asking the location of the functions.php file, here's the path on your server:

    wp-content/themes/yourthemenamewhateveritis/functions.php

    *MoodyRiviera*

    May 14, 2015 at 2:24 pm #152255
    shumie
    Member

    I'm a novice at this. Do I access this from WordPress or do I go to BlueHost?

    May 14, 2015 at 3:03 pm #152256
    MoodyRiviera
    Member

    Whenever I've made changes like this, I always use an FTP program to get into the files on the server, download the file I want to work on...make a backup copy...and then open the file in a text editor, make the changes and re-upload the file to the server. That way, if I mess it up, I still have the original version.

    So if you know how to use FTP, I recommend doing it this way.

    I suppose it's possible to access the functions.php file through the cPanel in BlueHost, and somehow make your changes to the file, but I don't have experience with that.

    Another method, which I never use but I know other people use is to edit the file directly in your WordPress Dashboard:
    In the Dashboard, go to the Appearance section, then in there go to the Editor section, you should see a link for "Theme Functions" and "(functions.php)" and clicking that link will display the functions.php file in that window.

    Then you can make changes and then click the "Update File" button.

    For me, the main problem with this method is that it doesn't provide me with a backup if I totally mess up the file.

    When you say that you're a novice, I totally understand that...but if you think there's a possibility that you will get further into this as time goes by, I really recommend that you study up on FTP applications, and once you learn to do that, it will be much easier for you to view and work on all the files that make up your site. FTP sounds scary, but it's not really that hard...maybe you can give it a try.

    *MoodyRiver*

    May 14, 2015 at 5:45 pm #152267
    Brad Dalton
    Participant

    @MoodyRiver summed it up well.

    FTP or cPanel > File Manager.


    Tutorials for StudioPress Themes.

    May 17, 2015 at 10:42 am #152492
    shumie
    Member

    Here's the good news and the bad news. The good news is that I changed the width of the header image successfully per your instructions. Yea! The bad news is that by increasing the width it caused the misplacement of the nav menu. It jumped down rather than remaining aligned with my logo. I'd appreciate your help on how I can adjust this.

    June 15, 2015 at 9:02 am #156255
    Jay
    Member

    Good morning -
    I made the two edits you suggested. Indeed, it adjusted size of the image. So, I created a new logo in exactly the size I called out. However, it still takes me through the cropping function. There it vertically cuts my properly sized image in 1/2 vertically, then delivers the cropped image to the site in the full size. Ideas? Thanks! Jay

    November 9, 2015 at 6:16 pm #170606
    JodieWTS
    Member

    Hi
    You need to adjust the Widget area of the menu by whatever you increased the header image

    In style.ccs change 'width' in '.site-header .widget-area'

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