• 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

Help with Going Green Header Customization

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 › Help with Going Green Header Customization

This topic is: not resolved

Tagged: going green, header customization, Logo, site-header

  • This topic has 11 replies, 6 voices, and was last updated 10 years, 5 months ago by hawaiiguy.
Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 8, 2015 at 12:18 pm #147092
    swstudio
    Participant

    I am trying to customize this website: http://www.westwood-land-trust.org. I followed this set of instructions: http://wpsites.net/web-design/change-logo-header-image-size-in-genesis/. It didn't work. It may be the coding is different on Going Green than when WP sites wrote this?

    Please offer a suggestion.

    http://www.westwood-land-trust.org
    April 8, 2015 at 2:34 pm #147102
    emasai
    Participant

    What exactly are you trying to achieve? The instructions on wpsites are pretty explicit.


    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

    April 8, 2015 at 2:53 pm #147106
    swstudio
    Participant

    Lynne-
    Have you ever edited the header in Going Green?

    I tried to follow the instructions to the t. I even used the suggested sizes. But it didn't work. I tried with edits to the CSS and php files and FTP upload. Also tried making edits to Genesis Extender which is hit or miss sometimes when getting Save to stick.

    Do you think I should try again with this tutorial or try another tutorial? If I can ask for other feedback, what do you think of Going Green as a theme that is good for editing?

    Thank you for your time.

    April 8, 2015 at 3:02 pm #147110
    emasai
    Participant

    Quite frankly, I have not edited the header in Going Green, but I am not exactly a novice and I build my own customized themes from the Genesis Sample theme by editing functions.php, style.css and adding template files. I am not going to read through the tutorial to figure out exactly what you want to happen, hence my question? It would help me understand what you are trying to achieve and possibly find where it is going wrong.


    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

    April 8, 2015 at 3:10 pm #147112
    swstudio
    Participant

    I want to make the header 420x165.

    April 8, 2015 at 6:04 pm #147132
    Brad Dalton
    Participant

    Generally, you need to make 2 modifications.

    1. Change the dimensions in the PHP code in your functions.php file to match your image so WordPress doesn't force you to crop your image when you upload it.

    2. Change the width and height under the Site Header section of your style.css file to match your image. This may require you edit 1 or more values for the width and height.


    Tutorials for StudioPress Themes.

    April 8, 2015 at 6:16 pm #147135
    swstudio
    Participant

    Thank you Brad.

    June 29, 2015 at 3:29 pm #157880
    dafman
    Member

    Hi Brad,

    Could you please tell me where step 1. "Change the dimensions in the PHP code in your functions.php file to match your image so WordPress doesn’t force you to crop your image when you upload it." has to be done. I cannot find any code that represents the values that are shown as the recommend size (in my case for Agency Pro the recommended size is 381 x 100).

    Thank you, Dave

    June 29, 2015 at 3:36 pm #157881
    Brad Dalton
    Participant

    Looks like this:

    //* Add support for custom header
    add_theme_support( 'custom-header', array(
    

    In your functions.php file.


    Tutorials for StudioPress Themes.

    August 3, 2015 at 4:07 am #161221
    hawaiiguy
    Member

    hi, Brad -
    I followed your instructions and almost got it, but my header image is dropping:
    http://www.pacificboxes.com
    I've been trying to use Genesis Super Customizer plug-in to try to get things to move, but no luck. Is there a specific site header plug-in to fix this? I see there are lot of page header plug-ins, but don't find a site header plug-in.
    thanks, jim

    August 3, 2015 at 5:07 am #161225
    Jeremy
    Participant

    Start by removing the padding on .site header line 883
    .site-header {
    /* padding: 40px; */
    }


    If you want to say thanks Follow me on Twitter | My Website

    August 3, 2015 at 5:36 am #161231
    hawaiiguy
    Member

    great, thanks, Jeremy. So, how do I reduce the padding at the top of the page - between HOME and that shaded bit?

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

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