Center Outreach Header after upgarding to Genesis 2.1

Community Forums Forums Design Tips and Tricks Center Outreach Header after upgarding to Genesis 2.1

This topic is: not resolved

This topic contains 8 replies, has 4 voices, and was last updated by  mattcarr 3 months, 2 weeks ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #61069

    Herman
    Participant
    Post count: 91

    My header moved out of alignment after upgrading to Genesis 2.1
    How do I re-center it so I don’t get the grey bar on the right?

    Here’s the current code:

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

    Thank you

    • This topic was modified 1 year, 1 month ago by  Herman.
    • This topic was modified 1 year, 1 month ago by  Herman.
    http://www.washdcfamilyfed.org/
    #61079

    braddalton
    Participant
    Post count: 10356

    It really depends on what has caused it.

    Here’s a post about how to fix the header problems in Outreach http://wpsites.net/wordpress-themes/how-to-fix-outreach-theme-header-problem-add-different-sized-images/


    #61098

    Herman
    Participant
    Post count: 91

    Thanks Brad..I tried following your tutorial…I no longer get the grey but can’t get my header image to display after following..

    But what about changing the header image to another? You can do this simply by removing the default header.png file in your child themes image folder and replacing it with another exactly the same size. Make sure you use the same file name and file extension.

    My current header css is:

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

    My header image is:

    http://www.washdcfamilyfed.org/wp-content/themes/outreach/images/header.png

    Thanks

    #61101

    braddalton
    Participant
    Post count: 10356

    What happens if your change the value for the width in this code in your child themes functions.php file?
    [php]
    /** Add support for custom header */
    add_theme_support( ‘genesis-custom-header’, array(
    ‘width’ => 1200,
    ‘height’ => 120
    ) );
    [/php]


    #61109

    Herman
    Participant
    Post count: 91

    The header is back after adding

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

    However the grey block as reappeared.

    • This reply was modified 1 year, 1 month ago by  Herman.
    • This reply was modified 1 year, 1 month ago by  Herman.
    #61116

    braddalton
    Participant
    Post count: 10356

    Hi Herman

    Did you change the width from [php]width’ => 1060, [/php]to [php]width’ => 1200,[/php]


    #61120

    Herman
    Participant
    Post count: 91

    Yes..still get the grey bar on the right

    #62877

    postcompanies
    Participant
    Post count: 4

    I’m having the same problem.

    #114515

    mattcarr
    Participant
    Post count: 1

    Thanks Herman,
    You probably didn’t realise it at the time, but by posting your style code “background-position: center center!important;” you have helped me re-align my header image.
    Thanks for posting, I hope you got your issue sorted out here… you got mine fixed :-)

    Kind regards
    Matt

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.