Tagged: header, header image, styling
I am in the process of setting up a website and have chosen the Black styling as the base which to work from. However, I wanted to add a header image and a main content image, which I have done.
Unfortunately for some reason the header image is not showing – instead only the black colour of the Black styling is shown. The main content background image is showing up fine.
So I am wondering how do I override the default black in the header and ensure the blue/black image is shown instead.
This is the website I am talking about
http://180.235.128.92/~sufjpwue/
Many thanks
Ivana
I resolved the problem by changing the header image from “fixed” to “scroll”, however, my menu is still on black background. Can you please let me know what css code I can add in to ensure the menu uses the header image colour.
Many thanks
Ivana
Hi!
You can add this on your custom.css or Quick CSS:
.header_color .main_menu ul {
background: transparent;
}
#top .main_menu .menu>li:last-child>a {
padding-right: 10px;
}
If you want a border below, just add this:
#header {
border-bottom: 1px solid #444444;
}
Cheers!
Ismael
As always, your help is greatly appreciated Ismael. I have now bought the Enfold theme 11 times and am loving how easy it is to use and the great support you guys provide.
Thank you
Ivana