Outreach Header Not Full Width

Community Forums Forums Design Tips and Tricks Outreach Header Not Full Width

This topic is: not resolved

This topic contains 23 replies, has 4 voices, and was last updated by  Kim 1 year, 2 months ago.

Viewing 9 posts - 16 through 24 (of 24 total)
  • Author
    Posts
  • #45064

    Matt@theDIYvillage
    Participant
    Post count: 14

    Alright, Ryan, I’ve added the additional rule.

    Here’s what my header code is looking like:

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

    But I’m still showing the blank background rather than the black

    #45065

    rfmeier
    Participant
    Post count: 597

    Matt,

    I am not seeing the css changes. Do you have caching turned on?


    #45067

    Matt@theDIYvillage
    Participant
    Post count: 14

    I’ve disable my cache.  Are you seeing the changes now?

    #45068

    rfmeier
    Participant
    Post count: 597

    Matt,

    Not yet. It looks like your changes are there, but the style.css file is cached right now. I can see them when I hit an un-cached stylec.css file.

    http://www.thediyvillage.com/wp-content/themes/outreach/style.css?ver=1.9.33

    It should clear up soon.


    #45069

    Matt@theDIYvillage
    Participant
    Post count: 14

    I’ll wait a while and see what happens.  The only cache plugin I’ve got is w3 total cache…and it’s completely disabled at the moment.  Is there something else I should be disabling?

    Over the past week, I’ve had problems with all kinds of theme adjustments.  I’m hoping that there isn’t a larger underlying issue with my code.

    #45077

    rfmeier
    Participant
    Post count: 597

    Matt,

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

    http://www.thediyvillage.com/


    #45079

    Matt@theDIYvillage
    Participant
    Post count: 14

    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;
    }

    #45080

    rfmeier
    Participant
    Post count: 597

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


    #50299

    Kim
    Participant
    Post count: 97

    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.

    • This reply was modified 1 year, 2 months ago by  Kim.
    • This reply was modified 1 year, 2 months ago by  Kim.
Viewing 9 posts - 16 through 24 (of 24 total)

You must be logged in to reply to this topic.