Your address will show here +12 34 56 78

Home Forums WP ESTATE – Real Estate WordPress Theme FORUM Advance Search with Image Background Reply To: Advance Search with Image Background

#22312

Tomas

Hi Anna,

Thanks for your help!

I am trying to achieve the second option but try to keep it simple. Maybe you can point me in the right direction. I have two ideas that might work,

– The first idea is to make the header image fixed (specifying the height and width) and have the image centered to the page. Different dimensions can be assigned based on media queries. Initially the advance search menu will be the same to keep it simple.

– The second idea is to resize the header image in a similar way to http://www.apartments.com. The image is resize continuously based on the browsers window. Initially the advance search menu will be the same to keep it simple..

Which of the two options do you recommend?

———————————————————

I inspected the code and found the css to modify the header image. The problem is that it targets other media as well.

(Style.css:112)
media=”all”
img, object, embed {
max-width: 100%;
height: auto;
}

Is it possible to target only the header image? Maybe I can create an id selector?

For the smaller screen resolution I really like the idea of adding a shortcode so that people can still use the search option. Can you give me some tips on how to implement?

Thanks in advance!
Tomas