-
AuthorPosts
-
May 9, 2013 at 12:33 pm #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
May 10, 2013 at 10:42 am #118288Anyone??
May 11, 2013 at 5:04 pm #118289please…
May 13, 2013 at 6:59 am #118290Hi,
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
May 13, 2013 at 8:23 am #118291Hi,
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
May 13, 2013 at 12:26 pm #118292I’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.
May 13, 2013 at 12:36 pm #118293Sorry 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
May 14, 2013 at 5:16 am #118294Hi,
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
-
AuthorPosts
- The topic ‘header background image + fixed header.’ is closed to new replies.