• 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

Outreach Theme- Need help with 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 › Outreach Theme- Need help with Header image size

This topic is: not resolved

Tagged: header image wont stay correct size, outreach header

  • This topic has 37 replies, 10 voices, and was last updated 9 years, 11 months ago by Jen Baumann.
Viewing 20 posts - 1 through 20 (of 38 total)
1 2 →
  • Author
    Posts
  • March 5, 2013 at 4:10 pm #24424
    coffeehauscat
    Member

    Hi I am having an issue with header image,

    the theme didnt have a logo image area, so I had to put the logo on the header image, when I upload it it wants me to crop it, and it dient fit in the space. So there is a white space to the right of the header image.

     

    I also tried going in the css and coding in the correct file with the correct size, and it wont work either. I really need help its for a client job that needs to be finished yesterday,

    Tonia

    March 6, 2013 at 8:36 pm #24705
    Susan
    Moderator

    In your theme functions php, look for this:

    /** Add support for custom header */
    add_theme_support( 'genesis-custom-header', array(
    	'width' 	=> 	1060,
    	'height' 	=> 	120
    ) );
    

    Adjust the size to suit your header size.

    March 15, 2013 at 1:24 pm #27204
    briegger
    Member

    I'm having the same issue with OutReach! I've adjusted the sizing in function.php but it's still looking wonky! Any help would be appreciated.

    http://triolandscaping.com/new/

    Thanks!

    March 15, 2013 at 1:40 pm #27207
    briegger
    Member

    So I may have found a solution, not sure if it's the right way or not but here's what I did I edited the style sheet:

    I found this post http://www.studiopress.community/topic/how-to-add-a-logo-to-outreach-theme-header-left/#post-24374

    #header {
    background: #090909 url(images/header.png) center repeat-y;
    background-position: center !important;
    margin: 0 auto;
    min-height: 300px;
    overflow: hidden;
    width: 100%;

    I added the "background-position: center !important;" and changed the "min-height:120px;" to 300px.

    March 18, 2013 at 12:22 pm #29074
    briegger
    Member

    Ok, I'm still struggling!! Here's a link to my image http://triolandscaping.com/new/wp-content/uploads/header.png

    It's 960x169. I've changed the the header image in both the function.php file as well as the stylesheet but it's cropping half of my image off? Any help would be appreciated!

    http://triolandscaping.com/new

    Thanks 😉

    March 18, 2013 at 12:48 pm #29089
    Brad Dalton
    Participant

    Looks o.k to me. Did you resolve this:

    You might want to change the padding under your header image:

    Line 468 in your child themes style.css file:

    #inner {
        background: url("images/inner.png") repeat-x scroll 0 0 #000000;
        clear: both;
        margin: 0 auto;
        overflow: hidden;
        padding: 30px;
    }
    

    You can change the padding value from 30px to anything.


    Tutorials for StudioPress Themes.

    March 18, 2013 at 1:14 pm #29105
    briegger
    Member

    Thanks Brad! I'd actually like some padding on the top of the header, not the bottom but my biggest problem right now is the header that you are seeing is only half of it! When I went into appearance >header, it cropped the right half of it off. Not sure why???

    March 18, 2013 at 1:22 pm #29113
    wp guy
    Member

    Are you making sure you're uploading the proper sized image? If you're uploading an image that's too large then yes, it'll crop it.

    March 18, 2013 at 1:24 pm #29114
    Brad Dalton
    Participant

    The settings must be wrong. You need to go into your style.css file and make them the same as what you have in your functions.php file.

    Another way to fix this is to paste the HTML for the header image into the genesis_header hook field after installing the Genesis Simple Hooks plugin.


    Tutorials for StudioPress Themes.

    March 30, 2013 at 12:06 pm #32106
    dreamscape
    Member

    Brad, et al! Thank you! The Genesis Simple Hooks plugin got me ALMOST there. I now see a logo over the tiled background, however when I turn off "Show header text with your image." in the Appearance>Header area, the text goes away (good) but the header squashes down to a smaller format and the background around the image goes white.

    Any ideas? http://www.cepipelineservices.com/

    March 30, 2013 at 12:30 pm #32113
    Brad Dalton
    Participant

    What code did you paste into the hook field?


    Tutorials for StudioPress Themes.

    March 30, 2013 at 12:37 pm #32115
    Brad Dalton
    Participant

    Have you made any changes to the CSS, PHP or images?

    Did you add a header using the Custom Header function under Appearance?


    Tutorials for StudioPress Themes.

    March 30, 2013 at 12:58 pm #32119
    Brad Dalton
    Participant

    Did you check unhook genesis header in Simple Hooks?


    Tutorials for StudioPress Themes.

    April 4, 2013 at 10:17 pm #33248
    dreamscape
    Member

    Brad, thank you for your response! Sorry for my delay. I neglected to check the email notification for this thread.

    1. This is the code I pasted into the genesis_header hook field:

    <img src="/wp-content/themes/outreach/images/blue/logo.png" alt="C E Pipeline Services logo" width="173" height="195">

    2. No changes to the CSS, PHP or images beyond adding the following to the style.css:

    #genesis-responsive-slider {
    background-color:  #000000!important;
    border: 10px solid #EEEEEE!important;
    margin: 0 auto;
    padding: 10px;
    position: relative;
    }

    This was to center the slider because it wasn't centered when displayed in my 1280 x 1024 window.

    3. I didn't have 'unhook genesis header' checked, but checking it showed no effect.

    Thank you for any insight you can provide!

    Matt

    April 9, 2013 at 10:12 am #34284
    Brad Dalton
    Participant

    I had the same problem on my own site and also on a clients site and the way i fixed it was to unhook the header and remove the default header image.

    On my own site i don't use a header and on the clients site i added the header using the Simple Hooks plugin but it was centred and not full width.

    I have seen this problem before a few times but i do not understand what causes it at the moment. No doubt i will work it out at some stage and share the details.


    Tutorials for StudioPress Themes.

    April 9, 2013 at 2:16 pm #34342
    dreamscape
    Member

    Brad,

    Am I able to use the Simple Hooks plugin to set the header background color? Or to set a pattern? Or does that need to happen in a custom.css file? Even if I could turn that background color to black and remove the header image while keeping the logo, that could help.

    April 9, 2013 at 3:25 pm #34358
    Brad Dalton
    Participant

    You could delete the header from your child themes images folder and change the background color of your header.


    Tutorials for StudioPress Themes.

    April 9, 2013 at 3:31 pm #34360
    Brad Dalton
    Participant

    Line 33 in your child themes style.css file is where your problem is.

    I just deleted the block using Firebug and it fixed the problem.

    Backup the file first.

    On line 183, i would change the

    min-height: 120px;

    to match your logo which has increased the default height.

    #header {
        background: url("images/header.png") repeat-y scroll center center #090909;
        margin: 0 auto;
        min-height: 120px;
        overflow: hidden;
        width: 100%;
    }
    

    To this:

    #header {
        background: url("images/header.png") repeat-y scroll center center #090909;
        margin: 0 auto;
        min-height: 195px;
        overflow: hidden;
        width: 100%;
    }
    

    To this:

    #header {
        background: url("images/header.png") repeat-y scroll center center #090909;
        margin: 0 auto;
        min-height: 195px;
        overflow: hidden;
        width: 100%;
    }
    

    Tutorials for StudioPress Themes.

    April 9, 2013 at 3:35 pm #34363
    Brad Dalton
    Participant

    You should also do this with the custom header code height which is 120 in your child themes functions.php file:

    /** Add support for custom header */
    add_theme_support( 'genesis-custom-header', array(
    	'width' 	=> 	1060,
    	'height' 	=> 	120
    ) );
    

    To this:

    /** Add support for custom header */
    add_theme_support( 'genesis-custom-header', array(
    	'width' 	=> 	1060,
    	'height' 	=> 	195
    ) );
    

    *Don't delete the default header image.


    Tutorials for StudioPress Themes.

    April 9, 2013 at 4:13 pm #34386
    PageH
    Member

    I also got a little closer to solving this by using simple hooks, but the header image is now chopped of about 40% on the right.  Here's the site:

     

    http://blairholmes.com/newsite/

    Ideally I'd like to have a full white header with this image where it is or pushed left slightly to align with the main menu.

    Also, is there a way to allow the logo (circle part) to "cut into" the menu strip slightly?

    This is about the fourth method I've tried to solve the Outreach header issue--frustrated!

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 38 total)
1 2 →
  • The topic ‘Outreach Theme- Need help with Header image size’ is closed to new 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