Outreach Theme- Need help with Header image size

Community Forums Forums Design Tips and Tricks Outreach Theme- Need help with Header image size

This topic is: not resolved

This topic contains 37 replies, has 10 voices, and was last updated by  Jen Baumann 1 year, 4 months ago.

Viewing 15 posts - 1 through 15 (of 38 total)
  • Author
    Posts
  • #24424

    coffeehauscat
    Participant

    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

    #24705

    Susan
    Moderator
    Post count: 8542

    In your theme functions php, look for this:
    [php]
    /** Add support for custom header */
    add_theme_support( ‘genesis-custom-header’, array(
    ‘width’ => 1060,
    ‘height’ => 120
    ) );
    [/php]

    Adjust the size to suit your header size.


    Susan @ Graphically Designing I’d love to customize your website! I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

    #27204

    briegger
    Participant
    Post count: 23

    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!

    #27207

    briegger
    Participant
    Post count: 23

    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.com/forums/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.

    #29074

    briegger
    Participant
    Post count: 23

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

    It’s 960×169. 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 ;)

    #29089

    braddalton
    Participant
    Post count: 9210

    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:
    [css]
    #inner {
    background: url("images/inner.png") repeat-x scroll 0 0 #000000;
    clear: both;
    margin: 0 auto;
    overflow: hidden;
    padding: 30px;
    }
    [/css]

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


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #29105

    briegger
    Participant
    Post count: 23

    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???

    #29113

    wp guy
    Participant
    Post count: 222

    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.

    #29114

    braddalton
    Participant
    Post count: 9210

    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.


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #32106

    dreamscape
    Participant
    Post count: 14

    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/

    #32113

    braddalton
    Participant
    Post count: 9210

    What code did you paste into the hook field?


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #32115

    braddalton
    Participant
    Post count: 9210

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

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


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #32119

    braddalton
    Participant
    Post count: 9210

    Did you check unhook genesis header in Simple Hooks?


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #33248

    dreamscape
    Participant
    Post count: 14

    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

    #34284

    braddalton
    Participant
    Post count: 9210

    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.


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

Viewing 15 posts - 1 through 15 (of 38 total)

The topic ‘Outreach Theme- Need help with Header image size’ is closed to new replies.