Header use background image like Body

  • Resolved rgatl

    (@rgatl)


    8 years, 8 months ago

    I have set a body background image using the Appearance > Theme Options > Styling > Body Background option, but the header is not impacted by this. Is there a simple way to give a background image to the header as well? For my purposes, it would be the same image. The threads I found don’t seem to reference the built-in Body Background image at all (ie, they are either old or for the “lite” version).

    Thank you,
    rg.

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi rg.

    it would be the same image

    Meaning it would be a single image covering the body background and the header? Or a second copy of the same image in the header? Can you post a link to your site? Thanks.

    Thread Starter rgatl

    (@rgatl)

    Sorry, I think I may have overcomplicated the question. I want the same background image in the header and body. I suppose a single image would be nice, but I don’t mine uploading the image again if need be. Whatever the easiest way to accomplish this would be.

    https://shoutkey.com/of
    I took down the background last night, as it didn’t look rough just in the body; let me know if you want me to put it back up.

    Thank you.

    Give this a try in your custom css:

    #header {
  background: url(path-to-your-body-background-image.jpg);
}
    Thread Starter rgatl

    (@rgatl)

    That absolutely worked. Thank you.

    However, similar code did not change the background for the footer:

    #footer {
  background: url(path-to-your-body-background-image.jpg);
}

    Should I try something else?

    Try this instead:

    #header, #footer, #footer-bottom {
  background: rgba(255,255,255,0) !important;
}
    Thread Starter rgatl

    (@rgatl)

    That code plus setting the background image in the Styling menu works like a charm. Thank you.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Header use background image like Body’ is closed to new replies.