Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #23030

    Hi,

    When I try to put a background image from the theme ex: wood dark, the background image appears in the preview but not on the site.

    I found this code on the forum which solved the problem:

    .header_color .header_bg {

    background-color:initial;

    }

    but created another one in the options about the fixed header.

    If I apply this CSS code, my fixed header becomes transparent when you scroll down the page…So it’s not looking good because you don’t see very well the nav bar that way.

    How can I fix both problems?

    I work on localhost so I can’t refer you to a url..

    Kind regards,

    Chrys

    #118288

    Anyone??

    #118289

    please…

    #118290

    Hi,

    Add this on your custom.css

    .header_color .header_bg {
    background: white url(https://localhost/kriesi/enfold/wp-content/themes/enfold/images/background-images/dashed-cross-dark.png) top center repeat fixed;
    }

    Change the image url. This will render a white header when you scroll down.

    Regards,

    Ismael

    #118291

    Hi,

    I’m sorry but I don’t get it…

    When I put the code, the header image background still change on the preview block when i pick different one. But on my site it doesn’t make any change.

    What do you mean by “change the image url?”

    thanks

    #118292

    I’m sorry to insist but I will need to work on my site and to put it online very soon and I really need to know how to allow a header backroung image but when scrolling down not having the nav menu becoming transparent.

    Picture 1: https://www.dropbox.com/s/eoeow6sudqqg2lf/Capture_d_écran_13_05_13_13_19-2.png

    Having added the custom CSS

    .header_color .header_bg {

    background-color:initial;

    }

    I can choose a custom background for my header. Without the code it only appears on the overview.

    But

    second picture: https://www.dropbox.com/s/loc13d3je0hbrrj/Capture_d_écran_13_05_13_13_20-2.png

    When scrolling down, the menu is transparent and you can’t see it well.

    I’m sorry ismael but when i use your code, nothing happens.

    Kind regards,

    Chrys.

    #118293

    Sorry Ismael,

    I missed a “:” sign when changing my url which explained it didn’t work…But still, will I have to enter manually the name of the pattern I want I want to change it? It’s not very practical…I would like to be able to use the list in enfold admin straight away as I should be able to…

    Kind regards

    chrys

    #118294

    Hi,

    No, you can pick any pattern or background you want on the admin panel. The code above fixes the header when you scroll down the page. It will display a white header with no image background or pattern. I’m still not sure why it is not rendering the background image when scrolled but at least you don’t have a transparent header when you scroll down.

    Regards,

    Ismael

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘header background image + fixed header.’ is closed to new replies.