Header troubles

[abackpackerstaleParticipant Post count: 5]

Does anyone know how to get your header to cover the whole width of a page. Ideally I would like to do this with an image. But would settle if I could pick a color for the header and it would cover the full width of the page. Thanks

[SoZoModerator Post count: 1573]

All you need to do is remove the width from the header’s container usually the #wrap and then remove the width from the #header rule.

---

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

[abackpackerstaleParticipant Post count: 5]

I am in the Genesis framework and I set the #Wrap padding to zero. I am not sure how to remove the width from the #header rule. Is that in my code?

[idavinderParticipant Post count: 57]

This should help:


#header {
background:#000;
width:100%;
}
#header .wrap {
margin: 0 auto;
overflow: hidden;
width: 960px;
}

1. Above header class show black background covering full width.
2. Header wrap define style in content portion of 960px, you can add background style to give different color or image.

Ideally, you need to set header to 100% width and add new header wrap class style.

---

Basic WordPress Tips | WordPress Design & Develop

• This reply was modified 6 months ago by  idavinder.

• This reply was modified 6 months ago by  idavinder.

[Author]

Posts