Tweaking and adjusting header in genesis magazine theme.

[skillgore]

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

[SoZo]

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 508x137 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

[skillgore]

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.

[SoZo]

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

[skillgore]

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

 

[SoZo]

I don't see a login anywhere.

---

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

[skillgore]

Good.

Thanks for all your help.

[SoZo]

You're welcome 🙂

---

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

[Author]

Posts