Missing BG image of header image

  • will-s

    (@will-s)


    4 years, 7 months ago

    The top of the page looks blank, but if you hunt around the center you’ll be able to highlight the title (which is in white letters). Just the colored background banner image is missing.
    If you go to this closely related site, https://sherpspace.com, you’ll see an example of roughly how it should look. The missing bg banner only went missing recently. Can you look at the source page and tell me how to fix it? (If you look under images, there’s an *image* called “header-img.php” that is colored red and opens a warning sign when you click on it.)
    I did these years ago and none in a while, so I’m a little rusty. Thanks.

    The page I need help with: [log in to see the link]

Viewing 11 replies - 1 through 11 (of 11 total)
  • corrinarusso

    (@corrinarusso)

    4 years, 7 months ago

    See screenshot – make sure you remove this from your site, likely under Customizer –> Additional CSS:
    https://postimg.cc/jwPwSPGr

    Remove this:

    #header {
    background: url('https://freddiegershon.com/freddiesblog/wp-content/themes/default/images/header-img.php?upper=000000&lower=00FFFF') no-repeat bottom center;
}

    then you’ll be left with this in your stylesheet:

    #header {
    background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center;
}

    See screenshot:
    https://postimg.cc/XGb9MnvL

    Thread Starter will-s

    (@will-s)

    4 years, 7 months ago

    Thanks Corrina, for this. But the only place I can find your “remove this” code is in the main script and it seems to be “commented out” there: `<!–#header { background: url(‘https://freddiegershon.com/freddiesblog/wp-content/themes/default/images/header-img.php?upper=000000&lower=00FFFF&#8217;) no-repeat bottom center; }
    #headerimg h1 a, #headerimg h1 a:visited, #headerimg .description { color: #FFFFFF; }
    –>

    Again, I’m a little rusty.

    corrinarusso

    (@corrinarusso)

    4 years, 7 months ago

    This is not valid commenting for CSS:
    <!–#header { background: url(‘https://freddiegershon.com/freddiesblog/wp-content/themes/default/images/header-img.php?upper=000000&lower=00FFFF’) no-repeat bottom center; }
    #headerimg h1 a, #headerimg h1 a:visited, #headerimg .description { color: #FFFFFF; }
    ->

    Commenting for CSS looks like this:
    /* body { color: red; } */
    https://www.w3schools.com/css/css_comments.asp

    Thread Starter will-s

    (@will-s)

    4 years, 7 months ago

    Thanks again, Corrina, but I cannot find this:

    #header {
    background: url('https://freddiegershon.com/freddiesblog/wp-content/themes/default/images/header-img.php?upper=000000&lower=00FFFF') no-repeat bottom center;

    }

    I did find this:
    header-img.php

    Should I just remove it?

    corrinarusso

    (@corrinarusso)

    4 years, 7 months ago

    Sure, just try it.

    Thread Starter will-s

    (@will-s)

    4 years, 7 months ago

    Wow! Corrina, you’re a wizard! How did you replicate part of my coding to get that blue banner to show up in your, what?, facsimile? of my page?

    Are you saying if I can find the code you highlighted at: https://postimg.cc/jwPwSPGr and change the <!-- --> to /* */ the blue banner will automatically reappear?

    corrinarusso

    (@corrinarusso)

    4 years, 7 months ago

    I just editted the HTML of your page in my own browser.

    Yes, remove that code, or comment out with the /* …….. */

    Thread Starter will-s

    (@will-s)

    4 years, 7 months ago

    Can you post that screen capture again? I want to show it to my ISP’s techies, to help me find it. (Like I say, a little rusty.)

    Here’s an extra credit question: How did this happen? The banner used to work and I haven’t done anything to the code and would be the only one who would.

    corrinarusso

    (@corrinarusso)

    4 years, 7 months ago

    You can view here:
    https://postimg.cc/XGb9MnvL

    Maybe an update to the theme. Don’t really know how it could happen.

    Thread Starter will-s

    (@will-s)

    4 years, 7 months ago

    Uh, no. I’m talking about the real long line you boxed in red, I think, and began with the bogus commenting code: <<!–

    corrinarusso

    (@corrinarusso)

    4 years, 7 months ago

    I don’t know where you have it inputted – my guess is you have it in:
    Customizer –> Additional CSS.

    Just remove all of this entirely:

    #header {
    /* background: url('https://freddiegershon.com/freddiesblog/wp-content/themes/default/images/header-img.php?upper=000000&lower=00FFFF') no-repeat bottom center; */
}
Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘Missing BG image of header image’ is closed to new replies.