Move search bar up, decrease homepage background image height

[thinkjay]

Hello,

How would I move the search bar up higher towards the top and also decrease the height of the background image? I just want the search bar to be more visible “above the fold” when someone first views my homepage. They did it here: http://www.goodground.com/

Thanks so much, James
http://www.homezig.com

---

[kristionne]

James,

Find this code in your Style sheets

.home .search-bar .wrap {
margin-bottom: -60px;
}

Change the negative number to a positive number until the search bar reaches the height you desire. Hope this helps!

Kris

---

[thinkjay]

Thanks Kris!

I used your idea and stumbled on this too:
}

.home .search-bar {
background-color: rgb(0, 0, 0);
background: rgba(0, 0, 0, .4);
padding-top: 250px;
position: relative;
}

It seems when I change the “padding-top: 250px;” to lower numbers it moves the search as well and the css you gave me gives it some space below as well, so I hope this is ok to do… it’s seems to work great… I wanted my search bar to be above the fold and easy to see/use for buyers…. My idx plugin provider, iHomefinder, has a cool little css override box in their plug in settings, so I did it there so it’s easy to get to.

Thanks so much, James

---

[Author]

Posts