OK, I think I understand what’s happening.
I tried your CSS and ended up changing it around a little to this:
.wrap-inner-banner {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}That worked some, but I can tell something is going on that makes the image resize to cover an area much larger than the actual header. My guess is this is some kind of CSS hack to get the parallax to work.
Any ideas on how to fix that problem?
I still don’t have a header image on my homepage, but I have used the slider there to serve that purpose.
I have not been able to remove the gray overlay from either the header image or the slider by changing the color in the settings.
Thanks for your help so far. We’re headed the right way.