Outreach Header Not Full Width

[rfmeier]

Matt,

I see it now-- Looks good. It just took time for the css cache to clear.

http://www.thediyvillage.com/

---

Ryan Meier – Twitter

[Matt@theDIYvillage]

Ryan, Thanks for the help man.  It turns out that I hadn't cleared my site cache in cloudflare.  So I did that and obviously was able to see the changes!  Thanks for taking the time to help get me straightened out.  I am easily overwhelmed by code, so I'm appreciative to folks like you that are willing to point us in the right direction!

For anyone with the same problem, here's the code that worked for me

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

#title-area {
background: url(images/logo.png) no-repeat;
float: left;
overflow: hidden;
width: 430px;
}

[rfmeier]

Ah. CloudFlare, that would do it. I am glad I could help.

---

Ryan Meier – Twitter

[Kim]

Hey guys,

I'm having the same issue w/ the Outreach theme. I've read all your posts and I've copied the code from Matt's last post into my header section in the style.css. Then I went to Appearance > Header and "Restored Original Image Header". Ok, so that is centered and the background color (blackish) is correct. But I want to use my own header...

So then in Appearance > Header I uploaded my header image that I designed and want to use that includes my logo, etc. But the stupid thing won't show up. It keeps showing the original theme header! I don't understand why.

Here is a screenshot of the Appearance > Header section that clearly shows my header being used.

Any help would be great because this is giving me a headache. LOL! Thanks.

[Author]

Posts