How to get block overlay full width header image
I have a search form on my home page that is currently in my full-width header image area (it's within a Foundation grid area). My problem is that when I try to place the header image in the full width image area, it gets placed either above or below the form (i.e. nearer the top or bottom of the screen depending on where I place it). I need the image to be underneath (as in a layer beneath the search form), so the search form covers part of the image.
How can I do this?
Here's the web page.
Your link seems to point to a holding page with a toolbar showing. I see no search form
If i create a copy of the image block and insert the contents of my search-form block in view.php i'm thinking that should work??
Anything beyond that will require modifying the source code. You will have to create a div for your background image, then nest your form div inside of it. something like this:
Of course you will have to use the class names you create and accompany that with your css styles.