Tweaking and adjusting header in genesis magazine theme.

Community Forums Forums Design Tips and Tricks Tweaking and adjusting header in genesis magazine theme.

This topic is: not resolved

This topic contains 7 replies, has 2 voices, and was last updated by  SoZo 1 year, 6 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #17258

    skillgore
    Participant
    Post count: 5

    I’m new to genesis, so please forgive me for being a newbie.

    Hopefully this will be helpful to other beginners.

    I’m using the magazine child theme.

    I have some things I wanted to change on my site http://tvjunkee.com.

    - Change the header to have the same width as my content.

    - Header image is actually squished in, how do I correct it to get my full image?  The image is 508 X 137.

    - Have all of my background blue, even around the header.

    - Drop down my nav bar so it’s next to or on top of my content.

    I appreciate any help.

    I’ve been going through the read-only forum looking for info but haven’t found it.

    I have the simple hooks plugin but not sure what code to use.

    Thanks

    #17259

    SoZo
    Moderator
    Post count: 1573

    Set a width to the #wrap rule. That is where the black background is coming from. The header is actually already the same width as your content.

    The image you upload in Appearance=>Header needs to be at the exact dimensions specified so put your 508×137 logo onto a transparent canvas that is set at those dimensions and export that with transparency intact.

    If you want the blue above the header you can add a top margin to #wrap.

    Not sure what you mean regarding the navbar


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #17370

    skillgore
    Participant
    Post count: 5

    Thanks for the reply.

    I’m trying to get rid of the black background, I found #wrap for the body but there’s no where to change the width.

    Do I need to look somewhere else?

    I have a couple wraps for content sidebar with widths.

    Is that it?

    And do I change it to 960px?

    Also not sure where to add a top margin to #wrap to get blue above the header.

    I have:

    /* Body
    ———————————————————— */

    body {
    background: #e9e9e9;
    }

    /* Wrap
    ———————————————————— */

    #wrap {
    background: url(images/wrap.png) repeat-x;
    margin: 0 auto;
    }

    Do I just add it?

    Thanks.

    #17435

    SoZo
    Moderator
    Post count: 1573

    There’s only one #wrap rule, the one you posted. add width and top margin to that rule.


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #17614

    skillgore
    Participant
    Post count: 5

    Thanks for the help.

    That was easy.

    Just added

    width: 960px;
    margin-top:20px;

    One last question – How do I get rid of the grey bar and login in the top right hand corner of my site?

    I looked in editor but didn’t see anything that seemed related.

    Thanks

     

    #17640

    SoZo
    Moderator
    Post count: 1573

    I don’t see a login anywhere.


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #18095

    skillgore
    Participant
    Post count: 5

    Good.

    Thanks for all your help.

    #18097

    SoZo
    Moderator
    Post count: 1573

    You’re welcome :)


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

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

The topic ‘Tweaking and adjusting header in genesis magazine theme.’ is closed to new replies.